html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 16px;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  scrollbar-arrow-color: #1ba4ff;
  scrollbar-face-color: #1ba4ff;
  scrollbar-shadow-color: #1ba4ff;
  scrollbar-track-color: #fafafa;
}
body {
  margin: 0;
  overflow: hidden;
  font-family: PingFang, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
  font-size: .75rem;
  line-height: 1.7;
  color: rgba(0, 0, 0, 0.54);
  background-color: #fff;
}
* {
  margin: 0;
  padding: 0;
}
.hide {
  display: none !important;
}
.task-main-container input {
  /*border-radius: 0;*/
  outline: none;
}
.task-main-container .table {
  box-sizing: border-box;
  display: table;
  width: 100%;
  padding: 0 5px;
  margin: 0 auto;
  color: #000;
  table-layout: fixed;
}
.task-main-container .table .table-cell {
  position: relative;
  display: table-cell;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: normal;
  vertical-align: middle;
}
.task-main-container [contentEditable] {
  outline: none;
}
.task-main-container [contentEditable]:empty:before {
  color: #a9a9a9;
  content: attr(placeholder);
}
.task-main-container ul {
  padding: 0;
  margin: 0;
}
.task-main-container li {
  list-style-type: none;
}
.task-main-container .pull-right {
  float: right !important;
}
.task-main-container .pull-left {
  float: left !important;
}
.task-main-container .click-disabled {
  opacity: .7!important;
  pointer-events: none;
}
.task-main-container .clear-both-by-after:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.task-main-container article,
.task-main-container aside,
.task-main-container details,
.task-main-container figcaption,
.task-main-container figure,
.task-main-container footer,
.task-main-container header,
.task-main-container hgroup,
.task-main-container main,
.task-main-container menu,
.task-main-container nav,
.task-main-container section,
.task-main-container summary {
  display: block;
}
.task-main-container audio,
.task-main-container canvas,
.task-main-container progress,
.task-main-container video {
  display: inline-block;
  vertical-align: baseline;
}
.task-main-container audio:not([controls]) {
  display: none;
  height: 0;
}
.task-main-container [hidden],
.task-main-container template {
  display: none;
}
.task-main-container a {
  background-color: transparent;
}
.task-main-container a:active,
.task-main-container a:hover {
  outline: 0;
}
.task-main-container abbr[title] {
  border-bottom: 1px dotted;
}
.task-main-container b,
.task-main-container strong {
  font-weight: 700;
}
.task-main-container dfn {
  font-style: italic;
}
.task-main-container h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
.task-main-container mark {
  background: #ff0;
  color: #000;
}
.task-main-container small {
  font-size: 80%;
}
.task-main-container sub,
.task-main-container sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.task-main-container sup {
  top: -0.5em;
}
.task-main-container sub {
  bottom: -0.25em;
}
.task-main-container img {
  border: 0;
}
.task-main-container svg:not(:root) {
  overflow: hidden;
}
.task-main-container figure {
  margin: 1em 40px;
}
.task-main-container hr {
  box-sizing: content-box;
  height: 0;
}
.task-main-container pre {
  overflow: auto;
}
.task-main-container code,
.task-main-container kbd,
.task-main-container pre,
.task-main-container samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.task-main-container button,
.task-main-container input,
.task-main-container optgroup,
.task-main-container select,
.task-main-container textarea {
  color: inherit;
  /*font: inherit;*/
  margin: 0;
}
.task-main-container button {
  overflow: visible;
}
.task-main-container button,
.task-main-container select {
  text-transform: none;
}
.task-main-container button,
.task-main-container input[type=button],
.task-main-container input[type=reset],
.task-main-container input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}
.task-main-container button[disabled],
.task-main-container input[disabled] {
  cursor: default;
}
.task-main-container button::-moz-focus-inner,
.task-main-container input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.task-main-container input {
  line-height: normal;
}
.task-main-container input[type=checkbox],
.task-main-container input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}
.task-main-container input[type=number]::-webkit-inner-spin-button,
.task-main-container input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
.task-main-container input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
.task-main-container input[type=search]::-webkit-search-cancel-button,
.task-main-container input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.task-main-container fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.task-main-container legend {
  border: 0;
  padding: 0;
}
.task-main-container textarea {
  overflow: auto;
}
.task-main-container optgroup {
  font-weight: 700;
}
.task-main-container table {
  border-collapse: collapse;
  border-spacing: 0;
}
.task-main-container td,
.task-main-container th {
  padding: 0;
}
@media print {
  .task-main-container *,
  .task-main-container :after,
  .task-main-container :before {
    text-shadow: none!important;
    box-shadow: none !important;
  }
  .task-main-container a,
  .task-main-container a:visited {
    text-decoration: underline;
  }
  .task-main-container abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .task-main-container blockquote,
  .task-main-container pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  .task-main-container thead {
    display: table-header-group;
  }
  .task-main-container img,
  .task-main-container tr {
    page-break-inside: avoid;
  }
  .task-main-container img {
    max-width: 100% !important;
  }
  .task-main-container h2,
  .task-main-container h3,
  .task-main-container p {
    orphans: 3;
    widows: 3;
  }
  .task-main-container h2,
  .task-main-container h3 {
    page-break-after: avoid;
  }
  .task-main-container .navbar {
    display: none;
  }
  .task-main-container .btn > .caret,
  .task-main-container .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .task-main-container .label {
    border: 1px solid #000;
  }
  .task-main-container .table {
    border-collapse: collapse !important;
  }
  .task-main-container .table td,
  .task-main-container .table th {
    background-color: #fff !important;
  }
  .task-main-container .table-bordered td,
  .task-main-container .table-bordered th {
    border: 1px solid #ddd !important;
  }
}
.task-main-container *,
.task-main-container :after,
.task-main-container :before {
  /*box-sizing: inherit;*/
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
.task-main-container [tabindex="-1"]:focus {
  outline: none !important;
}
.task-main-container h1,
.task-main-container h2,
.task-main-container h3,
.task-main-container h4,
.task-main-container h5,
.task-main-container h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.task-main-container p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.task-main-container abbr[data-original-title],
.task-main-container abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #f2f6fb;
}
.task-main-container address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
.task-main-container dl,
.task-main-container ol,
.task-main-container ul {
  margin-top: 0;
}
.task-main-container ol ol,
.task-main-container ol ul,
.task-main-container ul ol,
.task-main-container ul ul {
  margin-bottom: 0;
}
.task-main-container dt {
  font-weight: 700;
}
.task-main-container dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
.task-main-container blockquote {
  margin: 0 0 1rem;
}
.task-main-container a {
  color: #0275d8;
  text-decoration: none;
  outline: none;
}
.task-main-container a:focus,
.task-main-container a:hover {
  color: #014c8c;
  text-decoration: underline;
}
.task-main-container pre {
  margin-top: 0;
  margin-bottom: 1rem;
}
.task-main-container figure {
  margin: 0 0 1rem;
}
.task-main-container img {
  vertical-align: middle;
}
.task-main-container [role=button] {
  cursor: pointer;
}
.task-main-container [role=button],
.task-main-container a,
.task-main-container area,
.task-main-container button,
.task-main-container input,
.task-main-container label,
.task-main-container select,
.task-main-container summary,
.task-main-container textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.task-main-container table {
  background-color: transparent;
}
.task-main-container caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #f2f6fb;
  caption-side: bottom;
}
.task-main-container caption,
.task-main-container th {
  text-align: left;
}
.task-main-container label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.task-main-container button:focus {
  outline: none;
}
.task-main-container textarea {
  resize: vertical;
}
.task-main-container fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.task-main-container legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
.task-main-container input[type=search] {
  box-sizing: inherit;
  -webkit-appearance: none;
}
.task-main-container output {
  display: inline-block;
}
.task-main-container [hidden] {
  display: none !important;
}
.task-main-container .h1,
.task-main-container .h2,
.task-main-container .h3,
.task-main-container .h4,
.task-main-container .h5,
.task-main-container .h6,
.task-main-container h1,
.task-main-container h2,
.task-main-container h3,
.task-main-container h4,
.task-main-container h5,
.task-main-container h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.task-main-container h1 {
  font-size: 2.5rem;
}
.task-main-container h2 {
  font-size: 2rem;
}
.task-main-container h3 {
  font-size: 1.75rem;
}
.task-main-container h4 {
  font-size: 1.5rem;
}
.task-main-container h5 {
  font-size: 1.25rem;
}
.task-main-container h6 {
  font-size: 1rem;
}
.task-main-container .h1 {
  font-size: 2.5rem;
}
.task-main-container .h2 {
  font-size: 2rem;
}
.task-main-container .h3 {
  font-size: 1.75rem;
}
.task-main-container .h4 {
  font-size: 1.5rem;
}
.task-main-container .h5 {
  font-size: 1.25rem;
}
.task-main-container .h6 {
  font-size: 1rem;
}
.task-main-container hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.task-main-container .small,
.task-main-container small {
  font-size: 80%;
  font-weight: 400;
}
.task-main-container .mark,
.task-main-container mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.task-main-container .list-inline,
.task-main-container .list-unstyled {
  padding-left: 0;
  list-style: none;
}
.task-main-container .list-inline-item {
  display: inline-block;
}
.task-main-container .list-inline-item:not(:last-child) {
  margin-right: 5px;
}
.task-main-container .dl-horizontal {
  margin-right: -1.875rem;
  margin-left: -1.875rem;
}
.task-main-container .dl-horizontal:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .type-headline3 {
  font-size: 2.375rem;
  color: #333;
  font-weight: 700;
}
.task-main-container .type-headline2 {
  font-size: 1.75rem;
  color: #333;
}
.task-main-container .type-headline {
  font-size: 1.5rem;
  color: #333;
}
.task-main-container .type-header {
  font-size: 1.125rem;
  color: #333;
  font-weight: 700;
}
.task-main-container .type-subheader {
  font-size: 1rem;
  color: #333;
}
.task-main-container .type-menu-black {
  font-size: .875rem;
  color: #333;
  font-weight: 700;
}
.task-main-container .type-menu-white {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 700;
}
.task-main-container .type-body2-black {
  font-size: .875rem;
  color: #333;
}
.task-main-container .type-body2-white {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .type-body1-black {
  font-size: .75rem;
  color: #666;
}
.task-main-container .type-body1-white {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .type-body-black {
  font-size: .75rem;
  color: #333;
}
.task-main-container .type-body-white {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .type-caption-black {
  font-size: .75rem;
  color: #666;
}
.task-main-container .type-caption-white {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .type-disable {
  font-size: .75rem;
  color: #a3a3a3;
}
.task-main-container .type-link {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .type-system {
  font-size: .75rem;
  color: #617a8b;
}
.task-main-container .headline3-gray-primary {
  font-size: 2.375rem;
  color: #333;
}
.task-main-container .headline3-gray-secondary {
  font-size: 2.375rem;
  color: #666;
}
.task-main-container .headline3-gray-disable {
  font-size: 2.375rem;
  color: #a3a3a3;
}
.task-main-container .headline3-white-primary {
  font-size: 2.375rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .headline3-white-secondary {
  font-size: 2.375rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .headline3-white-disable {
  font-size: 2.375rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .headline3-link-primary {
  font-size: 2.375rem;
  color: #1ba4ff;
}
.task-main-container .headline3-system-primary {
  font-size: 2.375rem;
  color: #617a8b;
}
.task-main-container .headline2-gray-primary {
  font-size: 1.75rem;
  color: #333;
}
.task-main-container .headline2-gray-secondary {
  font-size: 1.75rem;
  color: #666;
}
.task-main-container .headline2-gray-disable {
  font-size: 1.75rem;
  color: #a3a3a3;
}
.task-main-container .headline2-white-primary {
  font-size: 1.75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .headline2-white-secondary {
  font-size: 1.75rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .headline2-white-disable {
  font-size: 1.75rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .headline2-link-primary {
  font-size: 1.75rem;
  color: #1ba4ff;
}
.task-main-container .headline2-system-primary {
  font-size: 1.75rem;
  color: #617a8b;
}
.task-main-container .headline-gray-primary {
  font-size: 1.5rem;
  color: #333;
}
.task-main-container .headline-gray-secondary {
  font-size: 1.5rem;
  color: #666;
}
.task-main-container .headline-gray-disable {
  font-size: 1.5rem;
  color: #a3a3a3;
}
.task-main-container .headline-white-primary {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .headline-white-secondary {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .headline-white-disable {
  font-size: 1.5rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .headline-link-primary {
  font-size: 1.5rem;
  color: #1ba4ff;
}
.task-main-container .headline-system-primary {
  font-size: 1.5rem;
  color: #617a8b;
}
.task-main-container .title-gray-primary {
  font-size: 1.125rem;
  color: #333;
  font-weight: 700;
}
.task-main-container .title-gray-secondary {
  font-size: 1.125rem;
  color: #666;
  font-weight: 700;
}
.task-main-container .title-gray-disable {
  font-size: 1.125rem;
  color: #a3a3a3;
  font-weight: 700;
}
.task-main-container .title-white-primary {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 700;
}
.task-main-container .title-white-secondary {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 700;
}
.task-main-container .title-white-disable {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.46);
  font-weight: 700;
}
.task-main-container .title-link-primary {
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
}
.task-main-container .title-system-primary {
  font-size: 1.125rem;
  color: #617a8b;
  font-weight: 700;
}
.task-main-container .header-gray-primary {
  font-size: 1.125rem;
  color: #333;
}
.task-main-container .header-gray-secondary {
  font-size: 1.125rem;
  color: #666;
}
.task-main-container .header-gray-disable {
  font-size: 1.125rem;
  color: #a3a3a3;
}
.task-main-container .header-white-primary {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .header-white-secondary {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .header-white-disable {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .header-link-primary {
  font-size: 1.125rem;
  color: #1ba4ff;
}
.task-main-container .header-system-primary {
  font-size: 1.125rem;
  color: #617a8b;
}
.task-main-container .subheader-gray-primary {
  font-size: 1rem;
  color: #333;
}
.task-main-container .subheader-gray-secondary {
  font-size: 1rem;
  color: #666;
}
.task-main-container .subheader-gray-disable {
  font-size: 1rem;
  color: #a3a3a3;
}
.task-main-container .subheader-white-primary {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .subheader-white-secondary {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .subheader-white-disable {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .subheader-link-primary {
  font-size: 1rem;
  color: #1ba4ff;
}
.task-main-container .subheader-system-primary {
  font-size: 1rem;
  color: #617a8b;
}
.task-main-container .menu-gray-primary {
  font-size: .875rem;
  color: #333;
}
.task-main-container .menu-gray-secondary {
  font-size: .875rem;
  color: #666;
}
.task-main-container .menu-gray-disable {
  font-size: .875rem;
  color: #a3a3a3;
}
.task-main-container .menu-white-primary {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .menu-white-secondary {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .menu-white-disable {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .menu-link-primary {
  font-size: .875rem;
  color: #1ba4ff;
}
.task-main-container .menu-system-primary {
  font-size: .875rem;
  color: #617a8b;
}
.task-main-container .body2-gray-primary {
  font-size: .875rem;
  color: #333;
  font-weight: 700;
}
.task-main-container .body2-gray-secondary {
  font-size: .875rem;
  color: #666;
  font-weight: 700;
}
.task-main-container .body2-gray-disable {
  font-size: .875rem;
  color: #a3a3a3;
  font-weight: 700;
}
.task-main-container .body2-white-primary {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 700;
}
.task-main-container .body2-white-secondary {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.66);
  font-weight: 700;
}
.task-main-container .body2-white-disable {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.46);
  font-weight: 700;
}
.task-main-container .body2-link-primary {
  font-size: .875rem;
  color: #1ba4ff;
  font-weight: 700;
}
.task-main-container .body2-system-primary {
  font-size: .875rem;
  color: #617a8b;
  font-weight: 700;
}
.task-main-container .body1-gray-primary {
  font-size: .75rem;
  color: #333;
}
.task-main-container .body1-gray-secondary {
  font-size: .75rem;
  color: #666;
}
.task-main-container .body1-gray-disable {
  font-size: .75rem;
  color: #a3a3a3;
}
.task-main-container .body1-white-primary {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .body1-white-secondary {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .body1-white-disable {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .body1-link-primary {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .body1-system-primary {
  font-size: .75rem;
  color: #617a8b;
}
.task-main-container .caption-gray-primary {
  font-size: .75rem;
  color: #333;
}
.task-main-container .caption-gray-secondary {
  font-size: .75rem;
  color: #666;
}
.task-main-container .caption-gray-disable {
  font-size: .75rem;
  color: #a3a3a3;
}
.task-main-container .caption-white-primary {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .caption-white-secondary {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .caption-white-disable {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .caption-link-primary {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .caption-system-primary {
  font-size: .75rem;
  color: #617a8b;
}
.task-main-container .item-gray-primary {
  font-size: .8125rem;
  color: #333;
}
.task-main-container .item-gray-secondary {
  font-size: .8125rem;
  color: #666;
}
.task-main-container .item-gray-disable {
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container .item-white-primary {
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .item-white-secondary {
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .item-white-disable {
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .item-link-primary {
  font-size: .8125rem;
  color: #1ba4ff;
}
.task-main-container .item-system-primary {
  font-size: .8125rem;
  color: #617a8b;
}
.task-main-container .img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
}
.task-main-container .img-rounded {
  border-radius: 0.3rem;
}
.task-main-container .img-thumbnail {
  padding: .25rem;
  line-height: 1.7;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: .25rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.task-main-container .img-circle {
  border-radius: 50%;
}
.task-main-container .figure {
  display: inline-block;
}
.task-main-container .figure-img {
  margin-bottom: .5rem;
  line-height: 1;
}
.task-main-container .figure-caption {
  font-size: 90%;
  color: #f2f6fb;
}
.task-main-container .container {
  margin-left: auto;
  margin-right: auto;
  padding-left: .9375rem;
  padding-right: 0.9375rem;
}
.task-main-container .container:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 544px) {
  .task-main-container .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .task-main-container .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .task-main-container .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .task-main-container .container {
    max-width: 1140px;
  }
}
.task-main-container .container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: .9375rem;
  padding-right: 0.9375rem;
}
.task-main-container .container-fluid:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .row {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}
.task-main-container .row:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .col-lg-1,
.task-main-container .col-lg-2,
.task-main-container .col-lg-3,
.task-main-container .col-lg-4,
.task-main-container .col-lg-5,
.task-main-container .col-lg-6,
.task-main-container .col-lg-7,
.task-main-container .col-lg-8,
.task-main-container .col-lg-9,
.task-main-container .col-lg-10,
.task-main-container .col-lg-11,
.task-main-container .col-lg-12,
.task-main-container .col-md-1,
.task-main-container .col-md-2,
.task-main-container .col-md-3,
.task-main-container .col-md-4,
.task-main-container .col-md-5,
.task-main-container .col-md-6,
.task-main-container .col-md-7,
.task-main-container .col-md-8,
.task-main-container .col-md-9,
.task-main-container .col-md-10,
.task-main-container .col-md-11,
.task-main-container .col-md-12,
.task-main-container .col-sm-1,
.task-main-container .col-sm-2,
.task-main-container .col-sm-3,
.task-main-container .col-sm-4,
.task-main-container .col-sm-5,
.task-main-container .col-sm-6,
.task-main-container .col-sm-7,
.task-main-container .col-sm-8,
.task-main-container .col-sm-9,
.task-main-container .col-sm-10,
.task-main-container .col-sm-11,
.task-main-container .col-sm-12,
.task-main-container .col-xl-1,
.task-main-container .col-xl-2,
.task-main-container .col-xl-3,
.task-main-container .col-xl-4,
.task-main-container .col-xl-5,
.task-main-container .col-xl-6,
.task-main-container .col-xl-7,
.task-main-container .col-xl-8,
.task-main-container .col-xl-9,
.task-main-container .col-xl-10,
.task-main-container .col-xl-11,
.task-main-container .col-xl-12,
.task-main-container .col-xs-1,
.task-main-container .col-xs-2,
.task-main-container .col-xs-3,
.task-main-container .col-xs-4,
.task-main-container .col-xs-5,
.task-main-container .col-xs-6,
.task-main-container .col-xs-7,
.task-main-container .col-xs-8,
.task-main-container .col-xs-9,
.task-main-container .col-xs-10,
.task-main-container .col-xs-11,
.task-main-container .col-xs-12 {
  position: relative;
  min-height: 1px;
  padding-left: .9375rem;
  padding-right: 0.9375rem;
}
.task-main-container .col-xs-1,
.task-main-container .col-xs-2,
.task-main-container .col-xs-3,
.task-main-container .col-xs-4,
.task-main-container .col-xs-5,
.task-main-container .col-xs-6,
.task-main-container .col-xs-7,
.task-main-container .col-xs-8,
.task-main-container .col-xs-9,
.task-main-container .col-xs-10,
.task-main-container .col-xs-11,
.task-main-container .col-xs-12 {
  float: left;
}
.task-main-container .col-xs-1 {
  width: 8.33333%;
}
.task-main-container .col-xs-2 {
  width: 16.66667%;
}
.task-main-container .col-xs-3 {
  width: 25%;
}
.task-main-container .col-xs-4 {
  width: 33.33333%;
}
.task-main-container .col-xs-5 {
  width: 41.66667%;
}
.task-main-container .col-xs-6 {
  width: 50%;
}
.task-main-container .col-xs-7 {
  width: 58.33333%;
}
.task-main-container .col-xs-8 {
  width: 66.66667%;
}
.task-main-container .col-xs-9 {
  width: 75%;
}
.task-main-container .col-xs-10 {
  width: 83.33333%;
}
.task-main-container .col-xs-11 {
  width: 91.66667%;
}
.task-main-container .col-xs-12 {
  width: 100%;
}
.task-main-container .col-xs-pull-0 {
  right: auto;
}
.task-main-container .col-xs-pull-1 {
  right: 8.33333%;
}
.task-main-container .col-xs-pull-2 {
  right: 16.66667%;
}
.task-main-container .col-xs-pull-3 {
  right: 25%;
}
.task-main-container .col-xs-pull-4 {
  right: 33.33333%;
}
.task-main-container .col-xs-pull-5 {
  right: 41.66667%;
}
.task-main-container .col-xs-pull-6 {
  right: 50%;
}
.task-main-container .col-xs-pull-7 {
  right: 58.33333%;
}
.task-main-container .col-xs-pull-8 {
  right: 66.66667%;
}
.task-main-container .col-xs-pull-9 {
  right: 75%;
}
.task-main-container .col-xs-pull-10 {
  right: 83.33333%;
}
.task-main-container .col-xs-pull-11 {
  right: 91.66667%;
}
.task-main-container .col-xs-pull-12 {
  right: 100%;
}
.task-main-container .col-xs-push-0 {
  left: auto;
}
.task-main-container .col-xs-push-1 {
  left: 8.33333%;
}
.task-main-container .col-xs-push-2 {
  left: 16.66667%;
}
.task-main-container .col-xs-push-3 {
  left: 25%;
}
.task-main-container .col-xs-push-4 {
  left: 33.33333%;
}
.task-main-container .col-xs-push-5 {
  left: 41.66667%;
}
.task-main-container .col-xs-push-6 {
  left: 50%;
}
.task-main-container .col-xs-push-7 {
  left: 58.33333%;
}
.task-main-container .col-xs-push-8 {
  left: 66.66667%;
}
.task-main-container .col-xs-push-9 {
  left: 75%;
}
.task-main-container .col-xs-push-10 {
  left: 83.33333%;
}
.task-main-container .col-xs-push-11 {
  left: 91.66667%;
}
.task-main-container .col-xs-push-12 {
  left: 100%;
}
.task-main-container .col-xs-offset-0 {
  margin-left: 0;
}
.task-main-container .col-xs-offset-1 {
  margin-left: 8.33333%;
}
.task-main-container .col-xs-offset-2 {
  margin-left: 16.66667%;
}
.task-main-container .col-xs-offset-3 {
  margin-left: 25%;
}
.task-main-container .col-xs-offset-4 {
  margin-left: 33.33333%;
}
.task-main-container .col-xs-offset-5 {
  margin-left: 41.66667%;
}
.task-main-container .col-xs-offset-6 {
  margin-left: 50%;
}
.task-main-container .col-xs-offset-7 {
  margin-left: 58.33333%;
}
.task-main-container .col-xs-offset-8 {
  margin-left: 66.66667%;
}
.task-main-container .col-xs-offset-9 {
  margin-left: 75%;
}
.task-main-container .col-xs-offset-10 {
  margin-left: 83.33333%;
}
.task-main-container .col-xs-offset-11 {
  margin-left: 91.66667%;
}
.task-main-container .col-xs-offset-12 {
  margin-left: 100%;
}
@media (min-width: 544px) {
  .task-main-container .col-sm-1,
  .task-main-container .col-sm-2,
  .task-main-container .col-sm-3,
  .task-main-container .col-sm-4,
  .task-main-container .col-sm-5,
  .task-main-container .col-sm-6,
  .task-main-container .col-sm-7,
  .task-main-container .col-sm-8,
  .task-main-container .col-sm-9,
  .task-main-container .col-sm-10,
  .task-main-container .col-sm-11,
  .task-main-container .col-sm-12 {
    float: left;
  }
  .task-main-container .col-sm-1 {
    width: 8.33333%;
  }
  .task-main-container .col-sm-2 {
    width: 16.66667%;
  }
  .task-main-container .col-sm-3 {
    width: 25%;
  }
  .task-main-container .col-sm-4 {
    width: 33.33333%;
  }
  .task-main-container .col-sm-5 {
    width: 41.66667%;
  }
  .task-main-container .col-sm-6 {
    width: 50%;
  }
  .task-main-container .col-sm-7 {
    width: 58.33333%;
  }
  .task-main-container .col-sm-8 {
    width: 66.66667%;
  }
  .task-main-container .col-sm-9 {
    width: 75%;
  }
  .task-main-container .col-sm-10 {
    width: 83.33333%;
  }
  .task-main-container .col-sm-11 {
    width: 91.66667%;
  }
  .task-main-container .col-sm-12 {
    width: 100%;
  }
  .task-main-container .col-sm-pull-0 {
    right: auto;
  }
  .task-main-container .col-sm-pull-1 {
    right: 8.33333%;
  }
  .task-main-container .col-sm-pull-2 {
    right: 16.66667%;
  }
  .task-main-container .col-sm-pull-3 {
    right: 25%;
  }
  .task-main-container .col-sm-pull-4 {
    right: 33.33333%;
  }
  .task-main-container .col-sm-pull-5 {
    right: 41.66667%;
  }
  .task-main-container .col-sm-pull-6 {
    right: 50%;
  }
  .task-main-container .col-sm-pull-7 {
    right: 58.33333%;
  }
  .task-main-container .col-sm-pull-8 {
    right: 66.66667%;
  }
  .task-main-container .col-sm-pull-9 {
    right: 75%;
  }
  .task-main-container .col-sm-pull-10 {
    right: 83.33333%;
  }
  .task-main-container .col-sm-pull-11 {
    right: 91.66667%;
  }
  .task-main-container .col-sm-pull-12 {
    right: 100%;
  }
  .task-main-container .col-sm-push-0 {
    left: auto;
  }
  .task-main-container .col-sm-push-1 {
    left: 8.33333%;
  }
  .task-main-container .col-sm-push-2 {
    left: 16.66667%;
  }
  .task-main-container .col-sm-push-3 {
    left: 25%;
  }
  .task-main-container .col-sm-push-4 {
    left: 33.33333%;
  }
  .task-main-container .col-sm-push-5 {
    left: 41.66667%;
  }
  .task-main-container .col-sm-push-6 {
    left: 50%;
  }
  .task-main-container .col-sm-push-7 {
    left: 58.33333%;
  }
  .task-main-container .col-sm-push-8 {
    left: 66.66667%;
  }
  .task-main-container .col-sm-push-9 {
    left: 75%;
  }
  .task-main-container .col-sm-push-10 {
    left: 83.33333%;
  }
  .task-main-container .col-sm-push-11 {
    left: 91.66667%;
  }
  .task-main-container .col-sm-push-12 {
    left: 100%;
  }
  .task-main-container .col-sm-offset-0 {
    margin-left: 0;
  }
  .task-main-container .col-sm-offset-1 {
    margin-left: 8.33333%;
  }
  .task-main-container .col-sm-offset-2 {
    margin-left: 16.66667%;
  }
  .task-main-container .col-sm-offset-3 {
    margin-left: 25%;
  }
  .task-main-container .col-sm-offset-4 {
    margin-left: 33.33333%;
  }
  .task-main-container .col-sm-offset-5 {
    margin-left: 41.66667%;
  }
  .task-main-container .col-sm-offset-6 {
    margin-left: 50%;
  }
  .task-main-container .col-sm-offset-7 {
    margin-left: 58.33333%;
  }
  .task-main-container .col-sm-offset-8 {
    margin-left: 66.66667%;
  }
  .task-main-container .col-sm-offset-9 {
    margin-left: 75%;
  }
  .task-main-container .col-sm-offset-10 {
    margin-left: 83.33333%;
  }
  .task-main-container .col-sm-offset-11 {
    margin-left: 91.66667%;
  }
  .task-main-container .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .task-main-container .col-md-1,
  .task-main-container .col-md-2,
  .task-main-container .col-md-3,
  .task-main-container .col-md-4,
  .task-main-container .col-md-5,
  .task-main-container .col-md-6,
  .task-main-container .col-md-7,
  .task-main-container .col-md-8,
  .task-main-container .col-md-9,
  .task-main-container .col-md-10,
  .task-main-container .col-md-11,
  .task-main-container .col-md-12 {
    float: left;
  }
  .task-main-container .col-md-1 {
    width: 8.33333%;
  }
  .task-main-container .col-md-2 {
    width: 16.66667%;
  }
  .task-main-container .col-md-3 {
    width: 25%;
  }
  .task-main-container .col-md-4 {
    width: 33.33333%;
  }
  .task-main-container .col-md-5 {
    width: 41.66667%;
  }
  .task-main-container .col-md-6 {
    width: 50%;
  }
  .task-main-container .col-md-7 {
    width: 58.33333%;
  }
  .task-main-container .col-md-8 {
    width: 66.66667%;
  }
  .task-main-container .col-md-9 {
    width: 75%;
  }
  .task-main-container .col-md-10 {
    width: 83.33333%;
  }
  .task-main-container .col-md-11 {
    width: 91.66667%;
  }
  .task-main-container .col-md-12 {
    width: 100%;
  }
  .task-main-container .col-md-pull-0 {
    right: auto;
  }
  .task-main-container .col-md-pull-1 {
    right: 8.33333%;
  }
  .task-main-container .col-md-pull-2 {
    right: 16.66667%;
  }
  .task-main-container .col-md-pull-3 {
    right: 25%;
  }
  .task-main-container .col-md-pull-4 {
    right: 33.33333%;
  }
  .task-main-container .col-md-pull-5 {
    right: 41.66667%;
  }
  .task-main-container .col-md-pull-6 {
    right: 50%;
  }
  .task-main-container .col-md-pull-7 {
    right: 58.33333%;
  }
  .task-main-container .col-md-pull-8 {
    right: 66.66667%;
  }
  .task-main-container .col-md-pull-9 {
    right: 75%;
  }
  .task-main-container .col-md-pull-10 {
    right: 83.33333%;
  }
  .task-main-container .col-md-pull-11 {
    right: 91.66667%;
  }
  .task-main-container .col-md-pull-12 {
    right: 100%;
  }
  .task-main-container .col-md-push-0 {
    left: auto;
  }
  .task-main-container .col-md-push-1 {
    left: 8.33333%;
  }
  .task-main-container .col-md-push-2 {
    left: 16.66667%;
  }
  .task-main-container .col-md-push-3 {
    left: 25%;
  }
  .task-main-container .col-md-push-4 {
    left: 33.33333%;
  }
  .task-main-container .col-md-push-5 {
    left: 41.66667%;
  }
  .task-main-container .col-md-push-6 {
    left: 50%;
  }
  .task-main-container .col-md-push-7 {
    left: 58.33333%;
  }
  .task-main-container .col-md-push-8 {
    left: 66.66667%;
  }
  .task-main-container .col-md-push-9 {
    left: 75%;
  }
  .task-main-container .col-md-push-10 {
    left: 83.33333%;
  }
  .task-main-container .col-md-push-11 {
    left: 91.66667%;
  }
  .task-main-container .col-md-push-12 {
    left: 100%;
  }
  .task-main-container .col-md-offset-0 {
    margin-left: 0;
  }
  .task-main-container .col-md-offset-1 {
    margin-left: 8.33333%;
  }
  .task-main-container .col-md-offset-2 {
    margin-left: 16.66667%;
  }
  .task-main-container .col-md-offset-3 {
    margin-left: 25%;
  }
  .task-main-container .col-md-offset-4 {
    margin-left: 33.33333%;
  }
  .task-main-container .col-md-offset-5 {
    margin-left: 41.66667%;
  }
  .task-main-container .col-md-offset-6 {
    margin-left: 50%;
  }
  .task-main-container .col-md-offset-7 {
    margin-left: 58.33333%;
  }
  .task-main-container .col-md-offset-8 {
    margin-left: 66.66667%;
  }
  .task-main-container .col-md-offset-9 {
    margin-left: 75%;
  }
  .task-main-container .col-md-offset-10 {
    margin-left: 83.33333%;
  }
  .task-main-container .col-md-offset-11 {
    margin-left: 91.66667%;
  }
  .task-main-container .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .task-main-container .col-lg-1,
  .task-main-container .col-lg-2,
  .task-main-container .col-lg-3,
  .task-main-container .col-lg-4,
  .task-main-container .col-lg-5,
  .task-main-container .col-lg-6,
  .task-main-container .col-lg-7,
  .task-main-container .col-lg-8,
  .task-main-container .col-lg-9,
  .task-main-container .col-lg-10,
  .task-main-container .col-lg-11,
  .task-main-container .col-lg-12 {
    float: left;
  }
  .task-main-container .col-lg-1 {
    width: 8.33333%;
  }
  .task-main-container .col-lg-2 {
    width: 16.66667%;
  }
  .task-main-container .col-lg-3 {
    width: 25%;
  }
  .task-main-container .col-lg-4 {
    width: 33.33333%;
  }
  .task-main-container .col-lg-5 {
    width: 41.66667%;
  }
  .task-main-container .col-lg-6 {
    width: 50%;
  }
  .task-main-container .col-lg-7 {
    width: 58.33333%;
  }
  .task-main-container .col-lg-8 {
    width: 66.66667%;
  }
  .task-main-container .col-lg-9 {
    width: 75%;
  }
  .task-main-container .col-lg-10 {
    width: 83.33333%;
  }
  .task-main-container .col-lg-11 {
    width: 91.66667%;
  }
  .task-main-container .col-lg-12 {
    width: 100%;
  }
  .task-main-container .col-lg-pull-0 {
    right: auto;
  }
  .task-main-container .col-lg-pull-1 {
    right: 8.33333%;
  }
  .task-main-container .col-lg-pull-2 {
    right: 16.66667%;
  }
  .task-main-container .col-lg-pull-3 {
    right: 25%;
  }
  .task-main-container .col-lg-pull-4 {
    right: 33.33333%;
  }
  .task-main-container .col-lg-pull-5 {
    right: 41.66667%;
  }
  .task-main-container .col-lg-pull-6 {
    right: 50%;
  }
  .task-main-container .col-lg-pull-7 {
    right: 58.33333%;
  }
  .task-main-container .col-lg-pull-8 {
    right: 66.66667%;
  }
  .task-main-container .col-lg-pull-9 {
    right: 75%;
  }
  .task-main-container .col-lg-pull-10 {
    right: 83.33333%;
  }
  .task-main-container .col-lg-pull-11 {
    right: 91.66667%;
  }
  .task-main-container .col-lg-pull-12 {
    right: 100%;
  }
  .task-main-container .col-lg-push-0 {
    left: auto;
  }
  .task-main-container .col-lg-push-1 {
    left: 8.33333%;
  }
  .task-main-container .col-lg-push-2 {
    left: 16.66667%;
  }
  .task-main-container .col-lg-push-3 {
    left: 25%;
  }
  .task-main-container .col-lg-push-4 {
    left: 33.33333%;
  }
  .task-main-container .col-lg-push-5 {
    left: 41.66667%;
  }
  .task-main-container .col-lg-push-6 {
    left: 50%;
  }
  .task-main-container .col-lg-push-7 {
    left: 58.33333%;
  }
  .task-main-container .col-lg-push-8 {
    left: 66.66667%;
  }
  .task-main-container .col-lg-push-9 {
    left: 75%;
  }
  .task-main-container .col-lg-push-10 {
    left: 83.33333%;
  }
  .task-main-container .col-lg-push-11 {
    left: 91.66667%;
  }
  .task-main-container .col-lg-push-12 {
    left: 100%;
  }
  .task-main-container .col-lg-offset-0 {
    margin-left: 0;
  }
  .task-main-container .col-lg-offset-1 {
    margin-left: 8.33333%;
  }
  .task-main-container .col-lg-offset-2 {
    margin-left: 16.66667%;
  }
  .task-main-container .col-lg-offset-3 {
    margin-left: 25%;
  }
  .task-main-container .col-lg-offset-4 {
    margin-left: 33.33333%;
  }
  .task-main-container .col-lg-offset-5 {
    margin-left: 41.66667%;
  }
  .task-main-container .col-lg-offset-6 {
    margin-left: 50%;
  }
  .task-main-container .col-lg-offset-7 {
    margin-left: 58.33333%;
  }
  .task-main-container .col-lg-offset-8 {
    margin-left: 66.66667%;
  }
  .task-main-container .col-lg-offset-9 {
    margin-left: 75%;
  }
  .task-main-container .col-lg-offset-10 {
    margin-left: 83.33333%;
  }
  .task-main-container .col-lg-offset-11 {
    margin-left: 91.66667%;
  }
  .task-main-container .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .task-main-container .col-xl-1,
  .task-main-container .col-xl-2,
  .task-main-container .col-xl-3,
  .task-main-container .col-xl-4,
  .task-main-container .col-xl-5,
  .task-main-container .col-xl-6,
  .task-main-container .col-xl-7,
  .task-main-container .col-xl-8,
  .task-main-container .col-xl-9,
  .task-main-container .col-xl-10,
  .task-main-container .col-xl-11,
  .task-main-container .col-xl-12 {
    float: left;
  }
  .task-main-container .col-xl-1 {
    width: 8.33333%;
  }
  .task-main-container .col-xl-2 {
    width: 16.66667%;
  }
  .task-main-container .col-xl-3 {
    width: 25%;
  }
  .task-main-container .col-xl-4 {
    width: 33.33333%;
  }
  .task-main-container .col-xl-5 {
    width: 41.66667%;
  }
  .task-main-container .col-xl-6 {
    width: 50%;
  }
  .task-main-container .col-xl-7 {
    width: 58.33333%;
  }
  .task-main-container .col-xl-8 {
    width: 66.66667%;
  }
  .task-main-container .col-xl-9 {
    width: 75%;
  }
  .task-main-container .col-xl-10 {
    width: 83.33333%;
  }
  .task-main-container .col-xl-11 {
    width: 91.66667%;
  }
  .task-main-container .col-xl-12 {
    width: 100%;
  }
  .task-main-container .col-xl-pull-0 {
    right: auto;
  }
  .task-main-container .col-xl-pull-1 {
    right: 8.33333%;
  }
  .task-main-container .col-xl-pull-2 {
    right: 16.66667%;
  }
  .task-main-container .col-xl-pull-3 {
    right: 25%;
  }
  .task-main-container .col-xl-pull-4 {
    right: 33.33333%;
  }
  .task-main-container .col-xl-pull-5 {
    right: 41.66667%;
  }
  .task-main-container .col-xl-pull-6 {
    right: 50%;
  }
  .task-main-container .col-xl-pull-7 {
    right: 58.33333%;
  }
  .task-main-container .col-xl-pull-8 {
    right: 66.66667%;
  }
  .task-main-container .col-xl-pull-9 {
    right: 75%;
  }
  .task-main-container .col-xl-pull-10 {
    right: 83.33333%;
  }
  .task-main-container .col-xl-pull-11 {
    right: 91.66667%;
  }
  .task-main-container .col-xl-pull-12 {
    right: 100%;
  }
  .task-main-container .col-xl-push-0 {
    left: auto;
  }
  .task-main-container .col-xl-push-1 {
    left: 8.33333%;
  }
  .task-main-container .col-xl-push-2 {
    left: 16.66667%;
  }
  .task-main-container .col-xl-push-3 {
    left: 25%;
  }
  .task-main-container .col-xl-push-4 {
    left: 33.33333%;
  }
  .task-main-container .col-xl-push-5 {
    left: 41.66667%;
  }
  .task-main-container .col-xl-push-6 {
    left: 50%;
  }
  .task-main-container .col-xl-push-7 {
    left: 58.33333%;
  }
  .task-main-container .col-xl-push-8 {
    left: 66.66667%;
  }
  .task-main-container .col-xl-push-9 {
    left: 75%;
  }
  .task-main-container .col-xl-push-10 {
    left: 83.33333%;
  }
  .task-main-container .col-xl-push-11 {
    left: 91.66667%;
  }
  .task-main-container .col-xl-push-12 {
    left: 100%;
  }
  .task-main-container .col-xl-offset-0 {
    margin-left: 0;
  }
  .task-main-container .col-xl-offset-1 {
    margin-left: 8.33333%;
  }
  .task-main-container .col-xl-offset-2 {
    margin-left: 16.66667%;
  }
  .task-main-container .col-xl-offset-3 {
    margin-left: 25%;
  }
  .task-main-container .col-xl-offset-4 {
    margin-left: 33.33333%;
  }
  .task-main-container .col-xl-offset-5 {
    margin-left: 41.66667%;
  }
  .task-main-container .col-xl-offset-6 {
    margin-left: 50%;
  }
  .task-main-container .col-xl-offset-7 {
    margin-left: 58.33333%;
  }
  .task-main-container .col-xl-offset-8 {
    margin-left: 66.66667%;
  }
  .task-main-container .col-xl-offset-9 {
    margin-left: 75%;
  }
  .task-main-container .col-xl-offset-10 {
    margin-left: 83.33333%;
  }
  .task-main-container .col-xl-offset-11 {
    margin-left: 91.66667%;
  }
  .task-main-container .col-xl-offset-12 {
    margin-left: 100%;
  }
}
.task-main-container .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.task-main-container .table td,
.task-main-container .table th {
  padding: .75rem;
  line-height: 1.7;
  vertical-align: top;
  border-top: 1px solid #eceeef;
}
.task-main-container .table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #eceeef;
}
.task-main-container .table tbody + tbody {
  border-top: 2px solid #eceeef;
}
.task-main-container .table .table {
  background-color: #fff;
}
.task-main-container .table-sm td,
.task-main-container .table-sm th {
  padding: 0.3rem;
}
.task-main-container .table-bordered,
.task-main-container .table-bordered td,
.task-main-container .table-bordered th {
  border: 1px solid #eceeef;
}
.task-main-container .table-bordered thead td,
.task-main-container .table-bordered thead th {
  border-bottom-width: 2px;
}
.task-main-container .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.task-main-container .table-active,
.task-main-container .table-active > td,
.task-main-container .table-active > th,
.task-main-container .table-hover tbody tr:hover {
  background-color: #f5f5f5;
}
.task-main-container .table-hover .table-active:hover,
.task-main-container .table-hover .table-active:hover > td,
.task-main-container .table-hover .table-active:hover > th {
  background-color: #e8e8e8;
}
.task-main-container .table-success,
.task-main-container .table-success > td,
.task-main-container .table-success > th {
  background-color: #dff0d8;
}
.task-main-container .table-hover .table-success:hover,
.task-main-container .table-hover .table-success:hover > td,
.task-main-container .table-hover .table-success:hover > th {
  background-color: #d0e9c6;
}
.task-main-container .table-info,
.task-main-container .table-info > td,
.task-main-container .table-info > th {
  background-color: #d9edf7;
}
.task-main-container .table-hover .table-info:hover,
.task-main-container .table-hover .table-info:hover > td,
.task-main-container .table-hover .table-info:hover > th {
  background-color: #c4e3f3;
}
.task-main-container .table-warning,
.task-main-container .table-warning > td,
.task-main-container .table-warning > th {
  background-color: #fcf8e3;
}
.task-main-container .table-hover .table-warning:hover,
.task-main-container .table-hover .table-warning:hover > td,
.task-main-container .table-hover .table-warning:hover > th {
  background-color: #faf2cc;
}
.task-main-container .table-danger,
.task-main-container .table-danger > td,
.task-main-container .table-danger > th {
  background-color: #f2dede;
}
.task-main-container .table-hover .table-danger:hover,
.task-main-container .table-hover .table-danger:hover > td,
.task-main-container .table-hover .table-danger:hover > th {
  background-color: #ebcccc;
}
.task-main-container .table-responsive {
  display: block;
  width: 100%;
  min-height: .01%;
  overflow-x: auto;
}
.task-main-container .thead-inverse th {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.54);
}
.task-main-container .thead-default th {
  color: #55595c;
  background-color: #eceeef;
}
.task-main-container .table-inverse {
  color: #eceeef;
  background-color: rgba(0, 0, 0, 0.54);
}
.task-main-container .table-inverse.table-bordered {
  border: 0;
}
.task-main-container .table-inverse td,
.task-main-container .table-inverse th,
.task-main-container .table-inverse thead th {
  border-color: #55595c;
}
.task-main-container .table-reflow thead {
  float: left;
}
.task-main-container .table-reflow tbody {
  display: block;
  white-space: nowrap;
}
.task-main-container .table-reflow td,
.task-main-container .table-reflow th {
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef;
}
.task-main-container .table-reflow td:last-child,
.task-main-container .table-reflow th:last-child {
  border-right: 1px solid #eceeef;
}
.task-main-container .table-reflow tbody:last-child tr:last-child td,
.task-main-container .table-reflow tbody:last-child tr:last-child th,
.task-main-container .table-reflow tfoot:last-child tr:last-child td,
.task-main-container .table-reflow tfoot:last-child tr:last-child th,
.task-main-container .table-reflow thead:last-child tr:last-child td,
.task-main-container .table-reflow thead:last-child tr:last-child th {
  border-bottom: 1px solid #eceeef;
}
.task-main-container .table-reflow tr {
  float: left;
}
.task-main-container .table-reflow tr td,
.task-main-container .table-reflow tr th {
  display: block!important;
  border: 1px solid #eceeef;
}
.task-main-container .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: .75rem;
  line-height: 1.7;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: .25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.task-main-container .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.task-main-container .form-control:focus {
  border-color: #66afe9;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.task-main-container .form-control::-webkit-input-placeholder {
  color: #999;
  opacity: 1;
}
.task-main-container .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.task-main-container .form-control:-ms-input-placeholder {
  color: #999;
  opacity: 1;
}
.task-main-container .form-control::placeholder {
  color: #999;
  opacity: 1;
}
.task-main-container .form-control:disabled,
.task-main-container .form-control[readonly] {
  background-color: #eceeef;
  opacity: 1;
}
.task-main-container .form-control:disabled {
  cursor: not-allowed;
}
.task-main-container .form-control-file,
.task-main-container .form-control-range {
  display: block;
}
.task-main-container .form-control-label {
  padding: .375rem .75rem;
  margin-bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .task-main-container input[type=date].form-control,
  .task-main-container input[type=datetime-local].form-control,
  .task-main-container input[type=month].form-control,
  .task-main-container input[type=time].form-control {
    line-height: 2.025rem;
  }
  .task-main-container .input-group-sm input[type=date].form-control,
  .task-main-container .input-group-sm input[type=datetime-local].form-control,
  .task-main-container .input-group-sm input[type=month].form-control,
  .task-main-container .input-group-sm input[type=time].form-control,
  .task-main-container input[type=date].input-sm,
  .task-main-container input[type=datetime-local].input-sm,
  .task-main-container input[type=month].input-sm,
  .task-main-container input[type=time].input-sm {
    line-height: 1.8625rem;
  }
  .task-main-container .input-group-lg input[type=date].form-control,
  .task-main-container .input-group-lg input[type=datetime-local].form-control,
  .task-main-container .input-group-lg input[type=month].form-control,
  .task-main-container .input-group-lg input[type=time].form-control,
  .task-main-container input[type=date].input-lg,
  .task-main-container input[type=datetime-local].input-lg,
  .task-main-container input[type=month].input-lg,
  .task-main-container input[type=time].input-lg {
    line-height: 3rem;
  }
}
.task-main-container .form-control-static {
  min-height: 2.025rem;
  padding-top: .375rem;
  padding-bottom: .375rem;
  margin-bottom: 0;
}
.task-main-container .form-control-static.form-control-lg,
.task-main-container .form-control-static.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}
.task-main-container .form-control-sm {
  padding: .275rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.task-main-container .form-control-lg {
  padding: .75rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.33333;
  border-radius: 0.3rem;
}
.task-main-container .form-group {
  margin-bottom: 1rem;
}
.task-main-container .checkbox,
.task-main-container .radio {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}
.task-main-container .checkbox label,
.task-main-container .radio label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.task-main-container .checkbox label input:only-child,
.task-main-container .radio label input:only-child {
  position: static;
}
.task-main-container .checkbox-inline input[type=checkbox],
.task-main-container .checkbox input[type=checkbox],
.task-main-container .radio-inline input[type=radio],
.task-main-container .radio input[type=radio] {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem;
}
.task-main-container .checkbox + .checkbox,
.task-main-container .radio + .radio {
  margin-top: -0.25rem;
}
.task-main-container .checkbox-inline,
.task-main-container .radio-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.task-main-container .checkbox-inline + .checkbox-inline,
.task-main-container .radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 0.75rem;
}
.task-main-container .checkbox-inline.disabled,
.task-main-container .checkbox.disabled label,
.task-main-container .radio-inline.disabled,
.task-main-container .radio.disabled label,
.task-main-container input[type=checkbox].disabled,
.task-main-container input[type=checkbox]:disabled,
.task-main-container input[type=radio].disabled,
.task-main-container input[type=radio]:disabled {
  cursor: not-allowed;
}
.task-main-container .form-control-danger,
.task-main-container .form-control-success,
.task-main-container .form-control-warning {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right .50625rem;
  background-size: 1.31625rem 1.31625rem;
}
.task-main-container .has-success .checkbox,
.task-main-container .has-success .checkbox-inline,
.task-main-container .has-success.checkbox-inline label,
.task-main-container .has-success.checkbox label,
.task-main-container .has-success .form-control-label,
.task-main-container .has-success .radio,
.task-main-container .has-success .radio-inline,
.task-main-container .has-success.radio-inline label,
.task-main-container .has-success.radio label,
.task-main-container .has-success .text-help {
  color: #5cb85c;
}
.task-main-container .has-success .form-control {
  border-color: #5cb85c;
}
.task-main-container .has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #eaf6ea;
}
.task-main-container .has-success .form-control-feedback {
  color: #5cb85c;
}
.task-main-container .has-success .form-control-success {
  background-image: url("");
}
.task-main-container .has-warning .checkbox,
.task-main-container .has-warning .checkbox-inline,
.task-main-container .has-warning.checkbox-inline label,
.task-main-container .has-warning.checkbox label,
.task-main-container .has-warning .form-control-label,
.task-main-container .has-warning .radio,
.task-main-container .has-warning .radio-inline,
.task-main-container .has-warning.radio-inline label,
.task-main-container .has-warning.radio label,
.task-main-container .has-warning .text-help {
  color: #f0ad4e;
}
.task-main-container .has-warning .form-control {
  border-color: #f0ad4e;
}
.task-main-container .has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: #fff;
}
.task-main-container .has-warning .form-control-feedback {
  color: #f0ad4e;
}
.task-main-container .has-warning .form-control-warning {
  background-image: url("");
}
.task-main-container .has-danger .checkbox,
.task-main-container .has-danger .checkbox-inline,
.task-main-container .has-danger.checkbox-inline label,
.task-main-container .has-danger.checkbox label,
.task-main-container .has-danger .form-control-label,
.task-main-container .has-danger .radio,
.task-main-container .has-danger .radio-inline,
.task-main-container .has-danger.radio-inline label,
.task-main-container .has-danger.radio label,
.task-main-container .has-danger .text-help {
  color: #d9534f;
}
.task-main-container .has-danger .form-control {
  border-color: #d9534f;
}
.task-main-container .has-danger .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fdf7f7;
}
.task-main-container .has-danger .form-control-feedback {
  color: #d9534f;
}
.task-main-container .has-danger .form-control-danger {
  background-image: url("");
}
@media (min-width: 544px) {
  .task-main-container .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .task-main-container .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .task-main-container .form-inline .form-control-static {
    display: inline-block;
  }
  .task-main-container .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .task-main-container .form-inline .input-group .form-control,
  .task-main-container .form-inline .input-group .input-group-addon,
  .task-main-container .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .task-main-container .form-inline .input-group > .form-control {
    width: 100%;
  }
  .task-main-container .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .task-main-container .form-inline .checkbox,
  .task-main-container .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .task-main-container .form-inline .checkbox label,
  .task-main-container .form-inline .radio label {
    padding-left: 0;
  }
  .task-main-container .form-inline .checkbox input[type=checkbox],
  .task-main-container .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .task-main-container .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.task-main-container .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all .3s;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
  outline: none;
  padding: .375rem 1rem;
  font-size: .75rem;
  line-height: 1.167;
  border-radius: 0.25rem;
}
.task-main-container .btn.focus,
.task-main-container .btn:focus,
.task-main-container .btn:hover {
  text-decoration: none;
}
.task-main-container .btn.active,
.task-main-container .btn:active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .btn.disabled,
.task-main-container .btn:disabled {
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}
.task-main-container a.btn.disabled,
.task-main-container fieldset[disabled] a.btn {
  pointer-events: none;
}
.task-main-container .btn-primary {
  color: rgba(255, 255, 255, 0.96);
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-primary.focus,
.task-main-container .btn-primary:focus,
.task-main-container .btn-primary:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #32adff;
  border-color: #32adff;
}
.task-main-container .btn-primary.active,
.task-main-container .btn-primary:active,
.task-main-container .open > .btn-primary.dropdown-toggle {
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  background-color: #1ba4ff;
  border-color: #029aff;
  background-image: none;
  position: relative;
}
.task-main-container .btn-primary.active:before,
.task-main-container .btn-primary:active:before,
.task-main-container .open > .btn-primary.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-primary.active.focus,
.task-main-container .btn-primary.active:focus,
.task-main-container .btn-primary.active:hover,
.task-main-container .btn-primary:active.focus,
.task-main-container .btn-primary:active:focus,
.task-main-container .btn-primary:active:hover,
.task-main-container .open > .btn-primary.dropdown-toggle.focus,
.task-main-container .open > .btn-primary.dropdown-toggle:focus,
.task-main-container .open > .btn-primary.dropdown-toggle:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-primary.disabled.focus,
.task-main-container .btn-primary.disabled:focus,
.task-main-container .btn-primary.disabled:hover,
.task-main-container .btn-primary:disabled.focus,
.task-main-container .btn-primary:disabled:focus,
.task-main-container .btn-primary:disabled:hover {
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-secondary:hover {
  color: #1ba4ff;
  background-color: #fff;
  border-color: #1ba4ff;
}
.task-main-container .btn-third {
  padding: .5rem 1.5rem;
  font-size: .75rem;
  line-height: 1.167;
  border-radius: .25rem;
  color: rgba(255, 255, 255, 0.96);
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-third.focus,
.task-main-container .btn-third:focus,
.task-main-container .btn-third:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #32adff;
  border-color: #32adff;
}
.task-main-container .btn-third.active,
.task-main-container .btn-third:active,
.task-main-container .open > .btn-third.dropdown-toggle {
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  background-color: #1ba4ff;
  border-color: #029aff;
  background-image: none;
  position: relative;
}
.task-main-container .btn-third.active:before,
.task-main-container .btn-third:active:before,
.task-main-container .open > .btn-third.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-third.active.focus,
.task-main-container .btn-third.active:focus,
.task-main-container .btn-third.active:hover,
.task-main-container .btn-third:active.focus,
.task-main-container .btn-third:active:focus,
.task-main-container .btn-third:active:hover,
.task-main-container .open > .btn-third.dropdown-toggle.focus,
.task-main-container .open > .btn-third.dropdown-toggle:focus,
.task-main-container .open > .btn-third.dropdown-toggle:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-fourth,
.task-main-container .btn-third.disabled.focus,
.task-main-container .btn-third.disabled:focus,
.task-main-container .btn-third.disabled:hover,
.task-main-container .btn-third:disabled.focus,
.task-main-container .btn-third:disabled:focus,
.task-main-container .btn-third:disabled:hover {
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-fourth {
  padding: .0625rem .625rem;
  font-size: 1.5rem;
  line-height: 1.167;
  border-radius: .25rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .btn-fourth.focus,
.task-main-container .btn-fourth:focus,
.task-main-container .btn-fourth:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #32adff;
  border-color: #32adff;
}
.task-main-container .btn-fourth.active,
.task-main-container .btn-fourth:active,
.task-main-container .open > .btn-fourth.dropdown-toggle {
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  background-color: #1ba4ff;
  border-color: #029aff;
  background-image: none;
  position: relative;
}
.task-main-container .btn-fourth.active:before,
.task-main-container .btn-fourth:active:before,
.task-main-container .open > .btn-fourth.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-fourth.active.focus,
.task-main-container .btn-fourth.active:focus,
.task-main-container .btn-fourth.active:hover,
.task-main-container .btn-fourth:active.focus,
.task-main-container .btn-fourth:active:focus,
.task-main-container .btn-fourth:active:hover,
.task-main-container .open > .btn-fourth.dropdown-toggle.focus,
.task-main-container .open > .btn-fourth.dropdown-toggle:focus,
.task-main-container .open > .btn-fourth.dropdown-toggle:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-fourth.disabled.focus,
.task-main-container .btn-fourth.disabled:focus,
.task-main-container .btn-fourth.disabled:hover,
.task-main-container .btn-fourth:disabled.focus,
.task-main-container .btn-fourth:disabled:focus,
.task-main-container .btn-fourth:disabled:hover {
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-fifth,
.task-main-container .btn-fifth.focus,
.task-main-container .btn-fifth:focus,
.task-main-container .btn-fifth:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #0096f6;
  border-color: #0096f6;
}
.task-main-container .btn-fifth.active,
.task-main-container .btn-fifth:active,
.task-main-container .open > .btn-fifth.dropdown-toggle {
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  background-color: #0096f6;
  border-color: #0086dd;
  background-image: none;
  position: relative;
}
.task-main-container .btn-fifth.active:before,
.task-main-container .btn-fifth:active:before,
.task-main-container .open > .btn-fifth.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-fifth.active.focus,
.task-main-container .btn-fifth.active:focus,
.task-main-container .btn-fifth.active:hover,
.task-main-container .btn-fifth:active.focus,
.task-main-container .btn-fifth:active:focus,
.task-main-container .btn-fifth:active:hover,
.task-main-container .open > .btn-fifth.dropdown-toggle.focus,
.task-main-container .open > .btn-fifth.dropdown-toggle:focus,
.task-main-container .open > .btn-fifth.dropdown-toggle:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #0096f6;
  border-color: #0096f6;
}
.task-main-container .btn-fifth.disabled.focus,
.task-main-container .btn-fifth.disabled:focus,
.task-main-container .btn-fifth.disabled:hover,
.task-main-container .btn-fifth:disabled.focus,
.task-main-container .btn-fifth:disabled:focus,
.task-main-container .btn-fifth:disabled:hover {
  background-color: #0096f6;
  border-color: #0096f6;
}
.task-main-container .btn-sixth {
  padding: .375rem .875rem;
  font-size: .75rem;
  line-height: 1.167;
  border-radius: 0.25rem;
}
.task-main-container .btn-sixth,
.task-main-container .btn-sixth.focus,
.task-main-container .btn-sixth:focus,
.task-main-container .btn-sixth:hover {
  color: #b6b6b6;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.task-main-container .btn-sixth.active,
.task-main-container .btn-sixth:active,
.task-main-container .open > .btn-sixth.dropdown-toggle {
  color: #b6b6b6;
  box-shadow: none;
  background-color: #f6f6f6;
  border-color: #e9e9e9;
  background-image: none;
  position: relative;
}
.task-main-container .btn-sixth.active:before,
.task-main-container .btn-sixth:active:before,
.task-main-container .open > .btn-sixth.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-sixth.active.focus,
.task-main-container .btn-sixth.active:focus,
.task-main-container .btn-sixth.active:hover,
.task-main-container .btn-sixth:active.focus,
.task-main-container .btn-sixth:active:focus,
.task-main-container .btn-sixth:active:hover,
.task-main-container .open > .btn-sixth.dropdown-toggle.focus,
.task-main-container .open > .btn-sixth.dropdown-toggle:focus,
.task-main-container .open > .btn-sixth.dropdown-toggle:hover {
  color: #b6b6b6;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.task-main-container .btn-sixth.disabled.focus,
.task-main-container .btn-sixth.disabled:focus,
.task-main-container .btn-sixth.disabled:hover,
.task-main-container .btn-sixth:disabled.focus,
.task-main-container .btn-sixth:disabled:focus,
.task-main-container .btn-sixth:disabled:hover {
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
.task-main-container .btn-header {
  padding: .4375rem 1.1875rem;
  font-size: .875rem;
  line-height: 1.167;
  border-radius: 0.25rem;
}
.task-main-container .btn-header,
.task-main-container .btn-header.focus,
.task-main-container .btn-header:focus,
.task-main-container .btn-header:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #0096f6;
  border-color: #0096f6;
}
.task-main-container .btn-header.active,
.task-main-container .btn-header:active,
.task-main-container .open > .btn-header.dropdown-toggle {
  color: rgba(255, 255, 255, 0.96);
  box-shadow: none;
  background-color: #0096f6;
  border-color: #0086dd;
  background-image: none;
  position: relative;
}
.task-main-container .btn-header.active:before,
.task-main-container .btn-header:active:before,
.task-main-container .open > .btn-header.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-header.active.focus,
.task-main-container .btn-header.active:focus,
.task-main-container .btn-header.active:hover,
.task-main-container .btn-header:active.focus,
.task-main-container .btn-header:active:focus,
.task-main-container .btn-header:active:hover,
.task-main-container .open > .btn-header.dropdown-toggle.focus,
.task-main-container .open > .btn-header.dropdown-toggle:focus,
.task-main-container .open > .btn-header.dropdown-toggle:hover {
  color: rgba(255, 255, 255, 0.96);
  background-color: #0096f6;
  border-color: #0096f6;
}
.task-main-container .btn-header.disabled.focus,
.task-main-container .btn-header.disabled:focus,
.task-main-container .btn-header.disabled:hover,
.task-main-container .btn-header:disabled.focus,
.task-main-container .btn-header:disabled:focus,
.task-main-container .btn-header:disabled:hover {
  background-color: #0096f6;
  border-color: #0096f6;
}
.task-main-container .btn-info,
.task-main-container .btn-info.focus,
.task-main-container .btn-info:focus,
.task-main-container .btn-info:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.task-main-container .btn-info.active,
.task-main-container .btn-info:active,
.task-main-container .open > .btn-info.dropdown-toggle {
  color: #fff;
  box-shadow: none;
  background-color: #5bc0de;
  border-color: #46b8da;
  background-image: none;
  position: relative;
}
.task-main-container .btn-info.active:before,
.task-main-container .btn-info:active:before,
.task-main-container .open > .btn-info.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-info.active.focus,
.task-main-container .btn-info.active:focus,
.task-main-container .btn-info.active:hover,
.task-main-container .btn-info:active.focus,
.task-main-container .btn-info:active:focus,
.task-main-container .btn-info:active:hover,
.task-main-container .open > .btn-info.dropdown-toggle.focus,
.task-main-container .open > .btn-info.dropdown-toggle:focus,
.task-main-container .open > .btn-info.dropdown-toggle:hover {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.task-main-container .btn-info.disabled.focus,
.task-main-container .btn-info.disabled:focus,
.task-main-container .btn-info.disabled:hover,
.task-main-container .btn-info:disabled.focus,
.task-main-container .btn-info:disabled:focus,
.task-main-container .btn-info:disabled:hover {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.task-main-container .btn-success,
.task-main-container .btn-success.focus,
.task-main-container .btn-success:focus,
.task-main-container .btn-success:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.task-main-container .btn-success.active,
.task-main-container .btn-success:active,
.task-main-container .open > .btn-success.dropdown-toggle {
  color: #fff;
  box-shadow: none;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-image: none;
  position: relative;
}
.task-main-container .btn-success.active:before,
.task-main-container .btn-success:active:before,
.task-main-container .open > .btn-success.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-success.active.focus,
.task-main-container .btn-success.active:focus,
.task-main-container .btn-success.active:hover,
.task-main-container .btn-success:active.focus,
.task-main-container .btn-success:active:focus,
.task-main-container .btn-success:active:hover,
.task-main-container .open > .btn-success.dropdown-toggle.focus,
.task-main-container .open > .btn-success.dropdown-toggle:focus,
.task-main-container .open > .btn-success.dropdown-toggle:hover {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.task-main-container .btn-success.disabled.focus,
.task-main-container .btn-success.disabled:focus,
.task-main-container .btn-success.disabled:hover,
.task-main-container .btn-success:disabled.focus,
.task-main-container .btn-success:disabled:focus,
.task-main-container .btn-success:disabled:hover {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.task-main-container .btn-warning,
.task-main-container .btn-warning.focus,
.task-main-container .btn-warning:focus,
.task-main-container .btn-warning:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.task-main-container .btn-warning.active,
.task-main-container .btn-warning:active,
.task-main-container .open > .btn-warning.dropdown-toggle {
  color: #fff;
  box-shadow: none;
  background-color: #f0ad4e;
  border-color: #eea236;
  background-image: none;
  position: relative;
}
.task-main-container .btn-warning.active:before,
.task-main-container .btn-warning:active:before,
.task-main-container .open > .btn-warning.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-warning.active.focus,
.task-main-container .btn-warning.active:focus,
.task-main-container .btn-warning.active:hover,
.task-main-container .btn-warning:active.focus,
.task-main-container .btn-warning:active:focus,
.task-main-container .btn-warning:active:hover,
.task-main-container .open > .btn-warning.dropdown-toggle.focus,
.task-main-container .open > .btn-warning.dropdown-toggle:focus,
.task-main-container .open > .btn-warning.dropdown-toggle:hover {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.task-main-container .btn-warning.disabled.focus,
.task-main-container .btn-warning.disabled:focus,
.task-main-container .btn-warning.disabled:hover,
.task-main-container .btn-warning:disabled.focus,
.task-main-container .btn-warning:disabled:focus,
.task-main-container .btn-warning:disabled:hover {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.task-main-container .btn-danger,
.task-main-container .btn-danger.focus,
.task-main-container .btn-danger:focus,
.task-main-container .btn-danger:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.task-main-container .btn-danger.active,
.task-main-container .btn-danger:active,
.task-main-container .open > .btn-danger.dropdown-toggle {
  color: #fff;
  box-shadow: none;
  background-color: #d9534f;
  border-color: #d43f3a;
  background-image: none;
  position: relative;
}
.task-main-container .btn-danger.active:before,
.task-main-container .btn-danger:active:before,
.task-main-container .open > .btn-danger.dropdown-toggle:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .btn-danger.active.focus,
.task-main-container .btn-danger.active:focus,
.task-main-container .btn-danger.active:hover,
.task-main-container .btn-danger:active.focus,
.task-main-container .btn-danger:active:focus,
.task-main-container .btn-danger:active:hover,
.task-main-container .open > .btn-danger.dropdown-toggle.focus,
.task-main-container .open > .btn-danger.dropdown-toggle:focus,
.task-main-container .open > .btn-danger.dropdown-toggle:hover {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.task-main-container .btn-danger.disabled.focus,
.task-main-container .btn-danger.disabled:focus,
.task-main-container .btn-danger.disabled:hover,
.task-main-container .btn-danger:disabled.focus,
.task-main-container .btn-danger:disabled:focus,
.task-main-container .btn-danger:disabled:hover {
  background-color: #d9534f;
  border-color: #d9534f;
}
.task-main-container .btn-primary-outline {
  box-shadow: none;
  color: #1ba4ff;
  background-image: none;
  background-color: transparent;
  border-color: #1ba4ff;
}
.task-main-container .btn-primary-outline.active,
.task-main-container .btn-primary-outline.focus,
.task-main-container .btn-primary-outline:active,
.task-main-container .btn-primary-outline:focus,
.task-main-container .btn-primary-outline:hover,
.task-main-container .open > .btn-primary-outline.dropdown-toggle {
  color: #fff;
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-primary-outline.disabled.focus,
.task-main-container .btn-primary-outline.disabled:focus,
.task-main-container .btn-primary-outline.disabled:hover,
.task-main-container .btn-primary-outline:disabled.focus,
.task-main-container .btn-primary-outline:disabled:focus,
.task-main-container .btn-primary-outline:disabled:hover {
  border-color: #81cdff;
}
.task-main-container .btn-secondary-outline {
  box-shadow: none;
  color: rgba(0, 0, 0, 0.09);
  background-image: none;
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.09);
}
.task-main-container .btn-secondary-outline.active,
.task-main-container .btn-secondary-outline.focus,
.task-main-container .btn-secondary-outline:active,
.task-main-container .btn-secondary-outline:focus,
.task-main-container .btn-secondary-outline:hover,
.task-main-container .open > .btn-secondary-outline.dropdown-toggle {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.09);
  border-color: rgba(0, 0, 0, 0.09);
}
.task-main-container .btn-secondary-outline.disabled.focus,
.task-main-container .btn-secondary-outline.disabled:focus,
.task-main-container .btn-secondary-outline.disabled:hover,
.task-main-container .btn-secondary-outline:disabled.focus,
.task-main-container .btn-secondary-outline:disabled:focus,
.task-main-container .btn-secondary-outline:disabled:hover {
  border-color: rgba(51, 51, 51, 0.09);
}
.task-main-container .btn-fifth-outline {
  padding: .375rem 1.1875rem;
  font-size: .75rem;
  line-height: 1.125rem;
  border-radius: 1rem;
  color: #1ba4ff;
  background-image: none;
  background-color: transparent;
  border-color: #1ba4ff;
}
.task-main-container .btn-fifth-outline.active,
.task-main-container .btn-fifth-outline.focus,
.task-main-container .btn-fifth-outline:active,
.task-main-container .btn-fifth-outline:focus,
.task-main-container .btn-fifth-outline:hover,
.task-main-container .open > .btn-fifth-outline.dropdown-toggle {
  color: #fff;
  background-color: #1ba4ff;
  border-color: #1ba4ff;
}
.task-main-container .btn-fifth-outline.disabled.focus,
.task-main-container .btn-fifth-outline.disabled:focus,
.task-main-container .btn-fifth-outline.disabled:hover,
.task-main-container .btn-fifth-outline:disabled.focus,
.task-main-container .btn-fifth-outline:disabled:focus,
.task-main-container .btn-fifth-outline:disabled:hover {
  border-color: #81cdff;
}
.task-main-container .btn-info-outline {
  color: #5bc0de;
  background-image: none;
  background-color: transparent;
  border-color: #5bc0de;
}
.task-main-container .btn-info-outline.active,
.task-main-container .btn-info-outline.focus,
.task-main-container .btn-info-outline:active,
.task-main-container .btn-info-outline:focus,
.task-main-container .btn-info-outline:hover,
.task-main-container .open > .btn-info-outline.dropdown-toggle {
  color: #fff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.task-main-container .btn-info-outline.disabled.focus,
.task-main-container .btn-info-outline.disabled:focus,
.task-main-container .btn-info-outline.disabled:hover,
.task-main-container .btn-info-outline:disabled.focus,
.task-main-container .btn-info-outline:disabled:focus,
.task-main-container .btn-info-outline:disabled:hover {
  border-color: #b0e1ef;
}
.task-main-container .btn-success-outline {
  color: #5cb85c;
  background-image: none;
  background-color: transparent;
  border-color: #5cb85c;
}
.task-main-container .btn-success-outline.active,
.task-main-container .btn-success-outline.focus,
.task-main-container .btn-success-outline:active,
.task-main-container .btn-success-outline:focus,
.task-main-container .btn-success-outline:hover,
.task-main-container .open > .btn-success-outline.dropdown-toggle {
  color: #fff;
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.task-main-container .btn-success-outline.disabled.focus,
.task-main-container .btn-success-outline.disabled:focus,
.task-main-container .btn-success-outline.disabled:hover,
.task-main-container .btn-success-outline:disabled.focus,
.task-main-container .btn-success-outline:disabled:focus,
.task-main-container .btn-success-outline:disabled:hover {
  border-color: #a3d7a3;
}
.task-main-container .btn-warning-outline {
  color: #f0ad4e;
  background-image: none;
  background-color: transparent;
  border-color: #f0ad4e;
}
.task-main-container .btn-warning-outline.active,
.task-main-container .btn-warning-outline.focus,
.task-main-container .btn-warning-outline:active,
.task-main-container .btn-warning-outline:focus,
.task-main-container .btn-warning-outline:hover,
.task-main-container .open > .btn-warning-outline.dropdown-toggle {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.task-main-container .btn-warning-outline.disabled.focus,
.task-main-container .btn-warning-outline.disabled:focus,
.task-main-container .btn-warning-outline.disabled:hover,
.task-main-container .btn-warning-outline:disabled.focus,
.task-main-container .btn-warning-outline:disabled:focus,
.task-main-container .btn-warning-outline:disabled:hover {
  border-color: #f8d9ac;
}
.task-main-container .btn-danger-outline {
  color: #d9534f;
  background-image: none;
  background-color: transparent;
  border-color: #d9534f;
}
.task-main-container .btn-danger-outline.active,
.task-main-container .btn-danger-outline.focus,
.task-main-container .btn-danger-outline:active,
.task-main-container .btn-danger-outline:focus,
.task-main-container .btn-danger-outline:hover,
.task-main-container .open > .btn-danger-outline.dropdown-toggle {
  color: #fff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.task-main-container .btn-danger-outline.disabled.focus,
.task-main-container .btn-danger-outline.disabled:focus,
.task-main-container .btn-danger-outline.disabled:hover,
.task-main-container .btn-danger-outline:disabled.focus,
.task-main-container .btn-danger-outline:disabled:focus,
.task-main-container .btn-danger-outline:disabled:hover {
  border-color: #eba5a3;
}
.task-main-container .btn-link {
  font-weight: 400;
  color: #0275d8;
  border-radius: 0;
}
.task-main-container .btn-link,
.task-main-container .btn-link.active,
.task-main-container .btn-link:active,
.task-main-container .btn-link:disabled {
  background-color: transparent;
  box-shadow: none;
}
.task-main-container .btn-link,
.task-main-container .btn-link:active,
.task-main-container .btn-link:focus,
.task-main-container .btn-link:hover {
  border-color: transparent;
}
.task-main-container .btn-link:focus,
.task-main-container .btn-link:hover {
  color: #014c8c;
  text-decoration: underline;
  background-color: transparent;
}
.task-main-container .btn-link:disabled:focus,
.task-main-container .btn-link:disabled:hover {
  color: #f2f6fb;
  text-decoration: none;
}
.task-main-container .btn-group-lg > .btn,
.task-main-container .btn-lg {
  padding: .75rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.33333;
  border-radius: 0.3rem;
}
.task-main-container .btn-group-sm > .btn,
.task-main-container .btn-sm {
  padding: .25rem .75rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.task-main-container .btn-block {
  display: block;
  line-height: 2;
  width: 100%;
}
.task-main-container .btn-block + .btn-block {
  margin-top: 5px;
}
.task-main-container input[type=button].btn-block,
.task-main-container input[type=reset].btn-block,
.task-main-container input[type=submit].btn-block {
  width: 100%;
}
.task-main-container .btn-group,
.task-main-container .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.task-main-container .btn-group-vertical > .btn,
.task-main-container .btn-group > .btn {
  position: relative;
  float: left;
}
.task-main-container .btn-group-vertical > .btn.active,
.task-main-container .btn-group-vertical > .btn:active,
.task-main-container .btn-group-vertical > .btn:focus,
.task-main-container .btn-group-vertical > .btn:hover,
.task-main-container .btn-group > .btn.active,
.task-main-container .btn-group > .btn:active,
.task-main-container .btn-group > .btn:focus,
.task-main-container .btn-group > .btn:hover {
  z-index: 2;
}
.task-main-container .btn-group .btn + .btn,
.task-main-container .btn-group .btn + .btn-group,
.task-main-container .btn-group .btn-group + .btn,
.task-main-container .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.task-main-container .btn-toolbar {
  margin-left: -5px;
}
.task-main-container .btn-toolbar:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .btn-toolbar .btn-group,
.task-main-container .btn-toolbar .input-group {
  float: left;
}
.task-main-container .btn-toolbar > .btn,
.task-main-container .btn-toolbar > .btn-group,
.task-main-container .btn-toolbar > .input-group {
  margin-left: 5px;
}
.task-main-container .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.task-main-container .btn-group > .btn:first-child {
  margin-left: 0;
}
.task-main-container .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.task-main-container .btn-group > .btn:last-child:not(:first-child),
.task-main-container .btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.task-main-container .btn-group > .btn-group {
  float: left;
}
.task-main-container .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.task-main-container .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.task-main-container .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.task-main-container .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.task-main-container .btn-group .dropdown-toggle:active,
.task-main-container .btn-group.open .dropdown-toggle {
  outline: 0;
}
.task-main-container .btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.task-main-container .btn-group-lg.btn-group > .btn + .dropdown-toggle,
.task-main-container .btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.task-main-container .btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}
.task-main-container .btn .caret {
  margin-left: 0;
}
.task-main-container .btn-group-lg > .btn .caret,
.task-main-container .btn-lg .caret {
  border-width: .3em .3em 0;
  border-bottom-width: 0;
}
.task-main-container .dropup .btn-group-lg > .btn .caret,
.task-main-container .dropup .btn-lg .caret {
  border-width: 0 0.3em 0.3em;
}
.task-main-container .btn-group-vertical > .btn,
.task-main-container .btn-group-vertical > .btn-group,
.task-main-container .btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.task-main-container .btn-group-vertical > .btn-group:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .btn-group-vertical > .btn-group > .btn {
  float: none;
}
.task-main-container .btn-group-vertical > .btn + .btn,
.task-main-container .btn-group-vertical > .btn + .btn-group,
.task-main-container .btn-group-vertical > .btn-group + .btn,
.task-main-container .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.task-main-container .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.task-main-container .btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.task-main-container .btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.task-main-container .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.task-main-container .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.task-main-container .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.task-main-container .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.task-main-container [data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
.task-main-container [data-toggle=buttons] > .btn-group > .btn input[type=radio],
.task-main-container [data-toggle=buttons] > .btn input[type=checkbox],
.task-main-container [data-toggle=buttons] > .btn input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.task-main-container .nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.task-main-container .nav-link {
  display: inline-block;
}
.task-main-container .nav-link:focus,
.task-main-container .nav-link:hover {
  text-decoration: none;
}
.task-main-container .nav-link.disabled {
  color: #f2f6fb;
}
.task-main-container .nav-link.disabled,
.task-main-container .nav-link.disabled:focus,
.task-main-container .nav-link.disabled:hover {
  color: #f2f6fb;
  cursor: not-allowed;
  background-color: transparent;
}
.task-main-container .nav-inline .nav-item {
  display: inline-block;
}
.task-main-container .nav-inline .nav-item + .nav-item,
.task-main-container .nav-inline .nav-link + .nav-link {
  margin-left: 1rem;
}
.task-main-container .nav-tabs {
  border-bottom: 1px solid #ddd;
}
.task-main-container .nav-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .nav-tabs .nav-item {
  float: left;
  margin-bottom: -1px;
}
.task-main-container .nav-tabs .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.task-main-container .nav-tabs .nav-link {
  display: block;
  padding: .5em 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}
.task-main-container .nav-tabs .nav-link:focus,
.task-main-container .nav-tabs .nav-link:hover {
  border-color: #eceeef #eceeef #ddd;
}
.task-main-container .nav-tabs .nav-link.disabled,
.task-main-container .nav-tabs .nav-link.disabled:focus,
.task-main-container .nav-tabs .nav-link.disabled:hover {
  color: #f2f6fb;
  background-color: transparent;
  border-color: transparent;
}
.task-main-container .nav-tabs .nav-item.open .nav-link,
.task-main-container .nav-tabs .nav-item.open .nav-link:focus,
.task-main-container .nav-tabs .nav-item.open .nav-link:hover,
.task-main-container .nav-tabs .nav-link.active,
.task-main-container .nav-tabs .nav-link.active:focus,
.task-main-container .nav-tabs .nav-link.active:hover {
  color: #55595c;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
}
.task-main-container .nav-pills:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .nav-pills .nav-item {
  float: left;
}
.task-main-container .nav-pills .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.task-main-container .nav-pills .nav-link {
  display: block;
  padding: .5em 1em;
  border-radius: 0.25rem;
}
.task-main-container .nav-pills .nav-item.open .nav-link,
.task-main-container .nav-pills .nav-item.open .nav-link:focus,
.task-main-container .nav-pills .nav-item.open .nav-link:hover,
.task-main-container .nav-pills .nav-link.active,
.task-main-container .nav-pills .nav-link.active:focus,
.task-main-container .nav-pills .nav-link.active:hover {
  color: #fff;
  cursor: default;
  background-color: #0275d8;
}
.task-main-container .nav-stacked .nav-item {
  display: block;
  float: none;
}
.task-main-container .nav-stacked .nav-item + .nav-item {
  margin-top: .2rem;
  margin-left: 0;
}
.task-main-container .tab-content > .tab-pane {
  display: none;
}
.task-main-container .tab-content > .active {
  display: block;
}
.task-main-container .nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.task-main-container .navbar {
  position: relative;
  padding: 0.5rem 1rem;
}
.task-main-container .navbar:after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 544px) {
  .task-main-container .navbar {
    border-radius: 0.25rem;
  }
}
.task-main-container .navbar-full {
  z-index: 1000;
}
@media (min-width: 544px) {
  .task-main-container .navbar-full {
    border-radius: 0;
  }
}
.task-main-container .navbar-fixed-bottom,
.task-main-container .navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 544px) {
  .task-main-container .navbar-fixed-bottom,
  .task-main-container .navbar-fixed-top {
    border-radius: 0;
  }
}
.task-main-container .navbar-fixed-top {
  top: 0;
}
.task-main-container .navbar-fixed-bottom {
  bottom: 0;
}
.task-main-container .navbar-sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
}
@media (min-width: 544px) {
  .task-main-container .navbar-sticky-top {
    border-radius: 0;
  }
}
.task-main-container .navbar-brand {
  float: left;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.125rem;
}
.task-main-container .navbar-brand:focus,
.task-main-container .navbar-brand:hover {
  text-decoration: none;
}
.task-main-container .navbar-brand > img {
  display: block;
}
.task-main-container .navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 1rem;
  margin-left: 1rem;
  overflow: hidden;
}
.task-main-container .navbar-divider:before {
  content: "\A0";
}
.task-main-container .navbar-toggler {
  padding: .5rem .75rem;
  font-size: 1.125rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.task-main-container .navbar-toggler:focus,
.task-main-container .navbar-toggler:hover {
  text-decoration: none;
}
@media (min-width: 544px) {
  .task-main-container .navbar-toggleable-xs {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .task-main-container .navbar-toggleable-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .task-main-container .navbar-toggleable-md {
    display: block !important;
  }
}
.task-main-container .navbar-nav .nav-item {
  float: left;
}
.task-main-container .navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: 0.425rem;
}
.task-main-container .navbar-nav .nav-item + .nav-item,
.task-main-container .navbar-nav .nav-link + .nav-link {
  margin-left: 1rem;
}
.task-main-container .navbar-light .navbar-brand,
.task-main-container .navbar-light .navbar-brand:focus,
.task-main-container .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.8);
}
.task-main-container .navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .navbar-light .navbar-nav .nav-link:focus,
.task-main-container .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.6);
}
.task-main-container .navbar-light .navbar-nav .active > .nav-link,
.task-main-container .navbar-light .navbar-nav .active > .nav-link:focus,
.task-main-container .navbar-light .navbar-nav .active > .nav-link:hover,
.task-main-container .navbar-light .navbar-nav .nav-link.active,
.task-main-container .navbar-light .navbar-nav .nav-link.active:focus,
.task-main-container .navbar-light .navbar-nav .nav-link.active:hover,
.task-main-container .navbar-light .navbar-nav .nav-link.open,
.task-main-container .navbar-light .navbar-nav .nav-link.open:focus,
.task-main-container .navbar-light .navbar-nav .nav-link.open:hover,
.task-main-container .navbar-light .navbar-nav .open > .nav-link,
.task-main-container .navbar-light .navbar-nav .open > .nav-link:focus,
.task-main-container .navbar-light .navbar-nav .open > .nav-link:hover {
  color: rgba(0, 0, 0, 0.8);
}
.task-main-container .navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075);
}
.task-main-container .navbar-dark .navbar-brand,
.task-main-container .navbar-dark .navbar-brand:focus,
.task-main-container .navbar-dark .navbar-brand:hover {
  color: #fff;
}
.task-main-container .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.task-main-container .navbar-dark .navbar-nav .nav-link:focus,
.task-main-container .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.task-main-container .navbar-dark .navbar-nav .active > .nav-link,
.task-main-container .navbar-dark .navbar-nav .active > .nav-link:focus,
.task-main-container .navbar-dark .navbar-nav .active > .nav-link:hover,
.task-main-container .navbar-dark .navbar-nav .nav-link.active,
.task-main-container .navbar-dark .navbar-nav .nav-link.active:focus,
.task-main-container .navbar-dark .navbar-nav .nav-link.active:hover,
.task-main-container .navbar-dark .navbar-nav .nav-link.open,
.task-main-container .navbar-dark .navbar-nav .nav-link.open:focus,
.task-main-container .navbar-dark .navbar-nav .nav-link.open:hover,
.task-main-container .navbar-dark .navbar-nav .open > .nav-link,
.task-main-container .navbar-dark .navbar-nav .open > .nav-link:focus,
.task-main-container .navbar-dark .navbar-nav .open > .nav-link:hover {
  color: #fff;
}
.task-main-container .navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075);
}
.task-main-container .toggle {
  position: relative;
  display: inline-block;
  pointer-events: auto;
  margin: -5px;
  padding: 5px;
}
.task-main-container .toggle input {
  display: none !important;
}
.task-main-container .toggle .track {
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: background-color, border;
  transition-property: background-color, border;
  display: inline-block;
  box-sizing: border-box;
  width: 51px;
  height: 20px;
  border-radius: 20px;
  background-color: #c6c5c5;
  content: ' ';
  cursor: pointer;
  pointer-events: none;
}
.task-main-container .toggle input:checked + .track {
  background-color: rgba(21, 125, 199, 0.27);
}
.task-main-container .toggle input:checked + .track .handle {
  -webkit-transform: translate3d(20px, 0, 0);
  transform: translate3d(20px, 0, 0);
  background: #157dc7;
  left: 9px;
}
.task-main-container .toggle .handle {
  -webkit-transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  transition: 0.3s cubic-bezier(0, 1.1, 1, 1.1);
  -webkit-transition-property: background-color, transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  position: absolute;
  display: block;
  width: 27px;
  height: 27px;
  border-radius: 27px;
  background-color: #f1f1f1;
  top: 2px;
  left: 5px;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.task-main-container .toggle .handle:before {
  position: absolute;
  top: -4px;
  left: -21.5px;
  padding: 18.5px 34px;
  content: ' ';
}
.task-main-container .toggle.small-toggle .track {
  width: 27px;
  height: 16px;
  border-radius: 16px;
}
.task-main-container .toggle.small-toggle input:checked + .track {
  border-color: #bcdaf0;
  background-color: #bcdaf0;
}
.task-main-container .toggle.small-toggle input:checked + .track .handle {
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
  left: 5px;
}
.task-main-container .toggle.small-toggle .handle {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  top: 5px;
  left: 6px;
}
.task-main-container .rui-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.task-main-container .rui-radio input {
  display: none !important;
}
.task-main-container .rui-radio .rui-radio-warp {
  overflow: hidden;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 1px;
}
.task-main-container .rui-radio .rui-radio-track {
  display: block;
  position: relative;
  height: 18px;
  width: 18px;
  border: 2px solid #b5b5b5;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.task-main-container .rui-radio .rui-radio-track:after {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 10px;
  width: 10px;
  background-color: #fff;
  border-radius: 6px;
  content: " ";
}
.task-main-container .rui-radio.selected .rui-radio-warp .rui-radio-track {
  border: 2px solid #008cf5;
}
.task-main-container .rui-radio.selected .rui-radio-warp .rui-radio-track:after {
  background-color: #008cf5;
}
.task-main-container .allSearchResults,
.task-main-container .archieve-list,
.task-main-container .archieve .header-app-right-list,
.task-main-container .companyRight .groupMain,
.task-main-container .companySettingView,
.task-main-container .companyTeamLeft .allList,
.task-main-container .companyTeamRight,
.task-main-container .doc-list-wrap,
.task-main-container .fileModal ul,
.task-main-container .kanban-item-warp,
.task-main-container .kanbanProgress .leftContent-Container,
.task-main-container .Notification ul,
.task-main-container .personalSettings .right,
.task-main-container .quadUlDiv ul,
.task-main-container .recycleBin .right ul,
.task-main-container .selectUserPanel > ul,
.task-main-container .taskDetail .mainContent,
.task-main-container .weekView .weekContentView .taoBody {
  scrollbar-arrow-color: #cbcbcb;
  scrollbar-face-color: #cbcbcb;
  scrollbar-shadow-color: #cbcbcb;
}
.task-main-container ::-webkit-scrollbar {
  width: 6px;
  height: 4px;
}
.task-main-container #storageUlDiv ul::-webkit-scrollbar {
  width: 6px;
}
.task-main-container .kanbanCard-main-container::-webkit-scrollbar {
  height: 6px;
}
.task-main-container .kanbanCard-main-container::-webkit-scrollbar-thumb,
.task-main-container .kanbanCard-main-container::-webkit-scrollbar-track {
  border-radius: 2px;
}
.task-main-container ::-webkit-scrollbar-track {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.06);
}
.task-main-container ::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: #1ba4ff;
}
.task-main-container .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv ul::-webkit-scrollbar-thumb,
.task-main-container .vip-pay-view section::-webkit-scrollbar-thumb {
  background: #d3d7d9;
}
.task-main-container .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv ul::-webkit-scrollbar-track,
.task-main-container .vip-pay-view section::-webkit-scrollbar-track {
  background: #e7eaec;
}
.task-main-container .allSearchResults ::-webkit-scrollbar-thumb,
.task-main-container .archieve-list::-webkit-scrollbar-thumb,
.task-main-container .archieve .header-app-right-list::-webkit-scrollbar-thumb,
.task-main-container .companyRight .groupMain::-webkit-scrollbar-thumb,
.task-main-container .companySettingView ::-webkit-scrollbar-thumb,
.task-main-container .companyTeamLeft .allList::-webkit-scrollbar-thumb,
.task-main-container .companyTeamRight ::-webkit-scrollbar-thumb,
.task-main-container .doc-detail::-webkit-scrollbar-thumb,
.task-main-container .doc-main::-webkit-scrollbar-thumb,
.task-main-container .fileModal ul::-webkit-scrollbar-thumb,
.task-main-container .kanban-item-warp::-webkit-scrollbar-thumb,
.task-main-container .kanbanProgress .leftContent-Container .card-view::-webkit-scrollbar-thumb,
.task-main-container .Notification ul::-webkit-scrollbar-thumb,
.task-main-container .personalSettings .right::-webkit-scrollbar-thumb,
.task-main-container .popTdUl::-webkit-scrollbar-thumb,
.task-main-container .quadUlDiv ul::-webkit-scrollbar-thumb,
.task-main-container .recycleBin .list .body::-webkit-scrollbar-thumb,
.task-main-container .recycleBin .right ul::-webkit-scrollbar-thumb,
.task-main-container .selectUserPanel > ul::-webkit-scrollbar-thumb,
.task-main-container .taskDetail .mainContent ::-webkit-scrollbar-thumb,
.task-main-container .weekView ::-webkit-scrollbar-thumb {
  background: #cbcbcb;
}
.task-main-container #storageUlDiv > ul::-webkit-scrollbar-thumb,
.task-main-container .doc-left-bar .body .content::-webkit-scrollbar-thumb,
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
}
.task-main-container .kanban-item-warp::-webkit-scrollbar-thumb {
  background-color: #d3d7d9;
}
.task-main-container .leftCardItem {
  width: 100%;
  height: 99px;
  border-radius: 3px;
  margin-bottom: 8px;
  position: relative;
  -webkit-transition: all .1s;
  transition: all 0.1s;
}
.task-main-container .leftCardItem:not(.active) .lefCardBg-warp .leftCard-warp .left .owner {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
  background: rgba(0, 0, 0, 0.05);
}
.task-main-container .leftCardItem.active .lefCardBg-warp .leftCard-warp .left .show-member {
  color: #fff;
}
.task-main-container .leftCardItem .bgImg {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.task-main-container .leftCardItem .lefCardBg-warp {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(19, 132, 213, 0.95);
  border-radius: 3px;
  cursor: pointer;
  padding: 18px 10px 12px 20px;
  -webkit-transition: all .2s;
  transition: all 0.2s;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp {
  width: 100%;
  height: 100%;
  position: relative;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 30px;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .left .show-member {
  margin-top: 10px;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
  display: inline-block;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .left .show-member i {
  font-size: 20px;
  vertical-align: sub;
  margin-right: 3px;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .left .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .left .type {
  position: absolute;
  bottom: 19px;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .left .owner {
  position: absolute;
  width: 33px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.25);
  bottom: 2px;
  text-align: center;
  border-radius: 2px;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 30px;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp {
  padding-top: 2px;
  text-align: right;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp .star {
  display: none;
  font-size: 18px;
  color: #fec029;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp .cancel {
  display: block;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .star-warp .isStar {
  display: block;
  color: #fec029;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .show-menu {
  position: absolute;
  bottom: 0;
  right: 0;
  display: none;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp {
  position: absolute;
  right: 0;
  bottom: 0;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp .config {
  display: none;
  padding-left: 94px;
  float: right;
  height: 20px;
  white-space: nowrap;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp .config:hover {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .leftCardItem .lefCardBg-warp .leftCard-warp .right .config-warp .dropdown-menu {
  min-width: 135px;
}
.task-main-container .leftCardItem:hover .lefCardBg-warp .leftCard-warp .right .star-warp .star {
  display: block;
}
.task-main-container .leftCardItem:hover .lefCardBg-warp .leftCard-warp .right .star-warp .star:hover {
  color: #fffc00;
}
.task-main-container .leftCardItem.active {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);
}
.task-main-container .leftCardItem.active .lefCardBg-warp {
  background-color: #238bdf;
}
.task-main-container .leftCardItem.active .lefCardBg-warp .leftCard-warp .right .config-warp .config,
.task-main-container .leftCardItem.active .lefCardBg-warp .leftCard-warp .right .show-menu {
  display: block;
}
.task-main-container .leftCardItem.active .lefCardBg-warp.showImg {
  background-color: rgba(0, 0, 0, 0.2);
}
.task-main-container .leftCardItem:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.13);
}
.task-main-container .leftCardItem:hover .lefCardBg-warp {
  background-color: #238bdf;
}
.task-main-container .leftCardItem:hover .lefCardBg-warp.showImg:before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  content: '';
  background: rgba(255, 255, 255, 0.1);
}
.task-main-container .ie .lefCardBg-warp {
  right: -1px;
}
.task-main-container .leftCardItem.active:hover .lefCardBg-warp.showImg {
  background: transparent;
}
.task-main-container .leftCardItem.active:hover .lefCardBg-warp.showImg:before {
  display: none;
}
.task-main-container .switch3Ul.blue {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #1ba4ff;
  border-radius: 16px;
  width: 112px;
  height: 32px;
  position: relative;
}
.task-main-container .switch3Ul.blue .activeCircle {
  position: absolute;
  left: 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 100%;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
  background: #fff;
  text-align: center;
  z-index: 1;
}
.task-main-container .switch3Ul.blue .activeCircle.left {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .switch3Ul.blue .activeCircle.center {
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}
.task-main-container .switch3Ul.blue .activeCircle.right {
  -webkit-transform: translateX(80px);
  transform: translateX(80px);
}
.task-main-container .switch3Ul.blue .inUl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border-radius: 16px;
  z-index: 2;
}
.task-main-container .switch3Ul.blue .inUl li {
  cursor: pointer;
  text-align: center;
  float: left;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 100%;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 12px;
  color: #fff;
}
.task-main-container .switch3Ul.blue .inUl li.switchCenter,
.task-main-container .switch3Ul.blue .inUl li.switchRight {
  margin-left: 8px;
}
.task-main-container .switch3Ul.blue .inUl li.active {
  color: #1ba4ff;
  cursor: default;
}
.task-main-container .switch3Ul.white {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  box-shadow: none;
  border-radius: 2px;
  width: 120px;
  height: 29px;
  border: 1px solid #b1b1b1;
  position: relative;
  box-sizing: content-box;
}
.task-main-container .switch3Ul.white .activeCircle {
  position: absolute;
  left: 0;
  width: 40px;
  height: 29px;
  line-height: 29px;
  border-radius: 2px;
  background: #1ba4ff;
  text-align: center;
  z-index: 1;
}
.task-main-container .switch3Ul.white .activeCircle.left {
  border-radius: 1px 0 0 1px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .switch3Ul.white .activeCircle.center {
  border-radius: 0;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}
.task-main-container .switch3Ul.white .activeCircle.right {
  border-radius: 0 1px 1px 0;
  -webkit-transform: translateX(80px);
  transform: translateX(80px);
}
.task-main-container .switch3Ul.white .inUl {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  border-radius: 2px;
  z-index: 2;
}
.task-main-container .switch3Ul.white .inUl li {
  cursor: pointer;
  text-align: center;
  float: left;
  width: 38px;
  height: 29px;
  line-height: 29px;
  border-radius: 0;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 12px;
  color: #a3a3a3;
}
.task-main-container .switch3Ul.white .inUl li.active {
  color: #fff;
  cursor: default;
}
.task-main-container .switch3Ul.white .inUl li + li {
  border-left: 1px solid #b1b1b1;
  margin-left: 1px;
}
.task-main-container .diyCheckbox {
  position: relative;
  display: inline;
  margin: 0;
  background-color: inherit;
  cursor: pointer;
}
.task-main-container .diyCheckbox .blank {
  color: #b9b9bc;
  font-size: 1.125rem;
  z-index: 1;
}
.task-main-container .diyCheckbox .check,
.task-main-container .diyCheckbox .checkTail {
  display: none;
}
.task-main-container .diyCheckbox.checked .check {
  display: block;
  position: absolute;
  top: -6px;
  left: 3px;
  font-size: 15px;
  color: #3ea2e4;
  z-index: 3;
}
.task-main-container .diyCheckbox.checked .checkTail {
  display: block;
  position: absolute;
  top: -6px;
  left: 12px;
  width: 7px;
  height: 8px;
  background-color: inherit;
  z-index: 2;
}
.task-main-container .inside-modal-over-modal .inside-modal-backdrop {
  top: 0;
  z-index: 1041;
}
.task-main-container .inside-modal-backdrop {
  position: fixed;
  top: 3.375rem;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(1, 110, 179, 0.72);
  z-index: 980;
}
.task-main-container .inside-modal-backdrop .inside-modal-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 50px;
  overflow: auto;
}
.task-main-container .inside-modal-backdrop .inside-modal-content.align-center {
  text-align: center;
}
.task-main-container .inside-modal-backdrop .inside-modal-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 50px;
  border-top: 1px solid rgba(214, 214, 214, 0.54);
}
.task-main-container .inside-modal-backdrop .inside-modal-footer > i {
  font-size: 36px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  left: 50%;
  bottom: 10px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .inside-modal-backdrop .inside-modal-footer > i:hover {
  color: #fff;
}
.task-main-container .dropdown,
.task-main-container .dropup {
  position: relative;
}
.task-main-container .dropdown-toggle:focus {
  outline: 0;
}
.task-main-container .dropup .dropdown-toggle:after {
  border-top: 0;
  border-bottom: 0.3em solid;
}
.task-main-container .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 180px;
  padding: 5px 0;
  margin: 2px 0 0;
  color: rgba(0, 0, 0, 0.54);
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.21);
}
.task-main-container .dropdown-divider {
  height: 1px;
  margin: .5rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.task-main-container .dropdown-item {
  display: block;
  width: 100%;
  padding: 10px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(0, 0, 0, 0.54);
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.task-main-container .dropdown-item:focus,
.task-main-container .dropdown-item:hover {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  background-color: #f5f5f5;
}
.task-main-container .dropdown-item.active,
.task-main-container .dropdown-item.active:focus,
.task-main-container .dropdown-item.active:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0275d8;
  outline: 0;
}
.task-main-container .dropdown-item.disabled,
.task-main-container .dropdown-item.disabled:focus,
.task-main-container .dropdown-item.disabled:hover {
  color: #c3c3c3;
}
.task-main-container .dropdown-item.disabled:focus,
.task-main-container .dropdown-item.disabled:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}
.task-main-container .open > .dropdown-menu {
  display: block;
}
.task-main-container .open > a {
  outline: 0;
}
.task-main-container .dropdown-menu-right {
  right: 0;
  left: auto;
}
.task-main-container .dropdown-menu-left {
  right: auto;
  left: 0;
}
.task-main-container .dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: .875rem;
  line-height: 1.7;
  color: #f2f6fb;
  white-space: nowrap;
}
.task-main-container .dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.task-main-container .pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.task-main-container .dropup .caret,
.task-main-container .navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid;
}
.task-main-container .dropup .dropdown-menu,
.task-main-container .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
.task-main-container .popover {
  position: absolute;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1060;
  display: block;
  font-family: PingFang, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.7;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: .875rem;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 2px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.21);
}
.task-main-container .popover.popover-top,
.task-main-container .popover.rui-tether-element-attached-bottom {
  margin-top: 2px;
}
.task-main-container .popover.popover-right,
.task-main-container .popover.rui-tether-element-attached-left {
  margin-left: 2px;
}
.task-main-container .popover.popover-bottom,
.task-main-container .popover.rui-tether-element-attached-top {
  margin-top: 2px;
}
.task-main-container .popover.popover-left,
.task-main-container .popover.rui-tether-element-attached-right {
  margin-left: 2px;
}
.task-main-container .popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: .75rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -0.7rem -0.7rem 0 0;
}
.task-main-container .popover-content {
  padding: 0;
}
.task-main-container .popover-close {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 20px;
  display: none;
}
.task-main-container .modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.5);
}
.task-main-container .modal-backdrop .modal-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}
.task-main-container .modal-backdrop .modal-content.align-center {
  text-align: center;
}
.task-main-container .clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.task-main-container .center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.task-main-container .pull-xs-left {
  float: left !important;
}
.task-main-container .pull-xs-right {
  float: right !important;
}
.task-main-container .pull-xs-none {
  float: none !important;
}
@media (min-width: 544px) {
  .task-main-container .pull-sm-left {
    float: left !important;
  }
  .task-main-container .pull-sm-right {
    float: right !important;
  }
  .task-main-container .pull-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .task-main-container .pull-md-left {
    float: left !important;
  }
  .task-main-container .pull-md-right {
    float: right !important;
  }
  .task-main-container .pull-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .task-main-container .pull-lg-left {
    float: left !important;
  }
  .task-main-container .pull-lg-right {
    float: right !important;
  }
  .task-main-container .pull-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .task-main-container .pull-xl-left {
    float: left !important;
  }
  .task-main-container .pull-xl-right {
    float: right !important;
  }
  .task-main-container .pull-xl-none {
    float: none !important;
  }
}
.task-main-container .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.task-main-container .sr-only-focusable:active,
.task-main-container .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.task-main-container .invisible {
  visibility: hidden !important;
}
.task-main-container .text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.task-main-container .text-justify {
  text-align: justify !important;
}
.task-main-container .text-nowrap {
  white-space: nowrap !important;
}
.task-main-container .text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-main-container .text-xs-left {
  text-align: left !important;
}
.task-main-container .text-xs-right {
  text-align: right !important;
}
.task-main-container .text-xs-center {
  text-align: center !important;
}
@media (min-width: 544px) {
  .task-main-container .text-sm-left {
    text-align: left !important;
  }
  .task-main-container .text-sm-right {
    text-align: right !important;
  }
  .task-main-container .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .task-main-container .text-md-left {
    text-align: left !important;
  }
  .task-main-container .text-md-right {
    text-align: right !important;
  }
  .task-main-container .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .task-main-container .text-lg-left {
    text-align: left !important;
  }
  .task-main-container .text-lg-right {
    text-align: right !important;
  }
  .task-main-container .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .task-main-container .text-xl-left {
    text-align: left !important;
  }
  .task-main-container .text-xl-right {
    text-align: right !important;
  }
  .task-main-container .text-xl-center {
    text-align: center !important;
  }
}
.task-main-container .text-lowercase {
  text-transform: lowercase !important;
}
.task-main-container .text-uppercase {
  text-transform: uppercase !important;
}
.task-main-container .text-capitalize {
  text-transform: capitalize !important;
}
.task-main-container .font-weight-normal {
  font-weight: 400;
}
.task-main-container .font-weight-bold {
  font-weight: 700;
}
.task-main-container .font-italic {
  font-style: italic;
}
.task-main-container .text-muted {
  color: #f2f6fb;
}
.task-main-container .text-primary {
  color: #0275d8 !important;
}
.task-main-container a.text-primary:focus,
.task-main-container a.text-primary:hover {
  color: #025aa5;
}
.task-main-container .text-success {
  color: #5cb85c !important;
}
.task-main-container a.text-success:focus,
.task-main-container a.text-success:hover {
  color: #449d44;
}
.task-main-container .text-info {
  color: #5bc0de !important;
}
.task-main-container a.text-info:focus,
.task-main-container a.text-info:hover {
  color: #31b0d5;
}
.task-main-container .text-warning {
  color: #f0ad4e !important;
}
.task-main-container a.text-warning:focus,
.task-main-container a.text-warning:hover {
  color: #ec971f;
}
.task-main-container .text-danger {
  color: #d9534f !important;
}
.task-main-container a.text-danger:focus,
.task-main-container a.text-danger:hover {
  color: #c9302c;
}
.task-main-container .userSelectNone {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .bg-inverse {
  color: #eceeef;
  background-color: rgba(0, 0, 0, 0.54);
}
.task-main-container .bg-faded {
  background-color: #f7f7f9;
}
.task-main-container .bg-primary {
  color: #fff!important;
  background-color: #0275d8 !important;
}
.task-main-container a.bg-primary:focus,
.task-main-container a.bg-primary:hover {
  background-color: #025aa5;
}
.task-main-container .bg-success {
  color: #fff!important;
  background-color: #5cb85c !important;
}
.task-main-container a.bg-success:focus,
.task-main-container a.bg-success:hover {
  background-color: #449d44;
}
.task-main-container .bg-info {
  color: #fff!important;
  background-color: #5bc0de !important;
}
.task-main-container a.bg-info:focus,
.task-main-container a.bg-info:hover {
  background-color: #31b0d5;
}
.task-main-container .bg-warning {
  color: #fff!important;
  background-color: #f0ad4e !important;
}
.task-main-container a.bg-warning:focus,
.task-main-container a.bg-warning:hover {
  background-color: #ec971f;
}
.task-main-container .bg-danger {
  color: #fff!important;
  background-color: #d9534f !important;
}
.task-main-container a.bg-danger:focus,
.task-main-container a.bg-danger:hover {
  background-color: #c9302c;
}
.task-main-container .m-x-auto {
  margin-right: auto!important;
  margin-left: auto !important;
}
.task-main-container .m-a-0 {
  margin: 0 !important;
}
.task-main-container .m-t-0 {
  margin-top: 0 !important;
}
.task-main-container .m-r-0 {
  margin-right: 0 !important;
}
.task-main-container .m-b-0 {
  margin-bottom: 0 !important;
}
.task-main-container .m-l-0,
.task-main-container .m-x-0 {
  margin-left: 0 !important;
}
.task-main-container .m-x-0 {
  margin-right: 0 !important;
}
.task-main-container .m-y-0 {
  margin-top: 0!important;
  margin-bottom: 0 !important;
}
.task-main-container .m-a-1 {
  margin: 1rem !important;
}
.task-main-container .m-t-1 {
  margin-top: 1rem !important;
}
.task-main-container .m-r-1 {
  margin-right: 1rem !important;
}
.task-main-container .m-b-1 {
  margin-bottom: 1rem !important;
}
.task-main-container .m-l-1,
.task-main-container .m-x-1 {
  margin-left: 1rem !important;
}
.task-main-container .m-x-1 {
  margin-right: 1rem !important;
}
.task-main-container .m-y-1 {
  margin-top: 1rem!important;
  margin-bottom: 1rem !important;
}
.task-main-container .m-a-2 {
  margin: 1.5rem !important;
}
.task-main-container .m-t-2 {
  margin-top: 1.5rem !important;
}
.task-main-container .m-r-2 {
  margin-right: 1.5rem !important;
}
.task-main-container .m-b-2 {
  margin-bottom: 1.5rem !important;
}
.task-main-container .m-l-2,
.task-main-container .m-x-2 {
  margin-left: 1.5rem !important;
}
.task-main-container .m-x-2 {
  margin-right: 1.5rem !important;
}
.task-main-container .m-y-2 {
  margin-top: 1.5rem!important;
  margin-bottom: 1.5rem !important;
}
.task-main-container .m-a-3 {
  margin: 3rem !important;
}
.task-main-container .m-t-3 {
  margin-top: 3rem !important;
}
.task-main-container .m-r-3 {
  margin-right: 3rem !important;
}
.task-main-container .m-b-3 {
  margin-bottom: 3rem !important;
}
.task-main-container .m-l-3,
.task-main-container .m-x-3 {
  margin-left: 3rem !important;
}
.task-main-container .m-x-3 {
  margin-right: 3rem !important;
}
.task-main-container .m-y-3 {
  margin-top: 3rem!important;
  margin-bottom: 3rem !important;
}
.task-main-container .p-a-0 {
  padding: 0 !important;
}
.task-main-container .p-t-0 {
  padding-top: 0 !important;
}
.task-main-container .p-r-0 {
  padding-right: 0 !important;
}
.task-main-container .p-b-0 {
  padding-bottom: 0 !important;
}
.task-main-container .p-l-0,
.task-main-container .p-x-0 {
  padding-left: 0 !important;
}
.task-main-container .p-x-0 {
  padding-right: 0 !important;
}
.task-main-container .p-y-0 {
  padding-top: 0!important;
  padding-bottom: 0 !important;
}
.task-main-container .p-a-1 {
  padding: 1rem !important;
}
.task-main-container .p-t-1 {
  padding-top: 1rem !important;
}
.task-main-container .p-r-1 {
  padding-right: 1rem !important;
}
.task-main-container .p-b-1 {
  padding-bottom: 1rem !important;
}
.task-main-container .p-l-1,
.task-main-container .p-x-1 {
  padding-left: 1rem !important;
}
.task-main-container .p-x-1 {
  padding-right: 1rem !important;
}
.task-main-container .p-y-1 {
  padding-top: 1rem!important;
  padding-bottom: 1rem !important;
}
.task-main-container .p-a-2 {
  padding: 1.5rem !important;
}
.task-main-container .p-t-2 {
  padding-top: 1.5rem !important;
}
.task-main-container .p-r-2 {
  padding-right: 1.5rem !important;
}
.task-main-container .p-b-2 {
  padding-bottom: 1.5rem !important;
}
.task-main-container .p-l-2,
.task-main-container .p-x-2 {
  padding-left: 1.5rem !important;
}
.task-main-container .p-x-2 {
  padding-right: 1.5rem !important;
}
.task-main-container .p-y-2 {
  padding-top: 1.5rem!important;
  padding-bottom: 1.5rem !important;
}
.task-main-container .p-a-3 {
  padding: 3rem !important;
}
.task-main-container .p-t-3 {
  padding-top: 3rem !important;
}
.task-main-container .p-r-3 {
  padding-right: 3rem !important;
}
.task-main-container .p-b-3 {
  padding-bottom: 3rem !important;
}
.task-main-container .p-l-3,
.task-main-container .p-x-3 {
  padding-left: 3rem !important;
}
.task-main-container .p-x-3 {
  padding-right: 3rem !important;
}
.task-main-container .p-y-3 {
  padding-top: 3rem!important;
  padding-bottom: 3rem !important;
}
.task-main-container .pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.task-main-container .hidden-xs-up {
  display: none !important;
}
@media (max-width: 543px) {
  .task-main-container .hidden-xs-down {
    display: none !important;
  }
}
@media (min-width: 544px) {
  .task-main-container .hidden-sm-up {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .task-main-container .hidden-sm-down {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .task-main-container .hidden-md-up {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .task-main-container .hidden-md-down {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .task-main-container .hidden-lg-up {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .task-main-container .hidden-lg-down {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .task-main-container .hidden-xl-up {
    display: none !important;
  }
}
.task-main-container .hidden-xl-down,
.task-main-container .visible-print-block {
  display: none !important;
}
@media print {
  .task-main-container .visible-print-block {
    display: block !important;
  }
}
.task-main-container .visible-print-inline {
  display: none !important;
}
@media print {
  .task-main-container .visible-print-inline {
    display: inline !important;
  }
}
.task-main-container .visible-print-inline-block {
  display: none !important;
}
@media print {
  .task-main-container .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .task-main-container .hidden-print {
    display: none !important;
  }
}
@font-face {
  font-family: Simditor;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABp8AA4AAAAAKmwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAaYAAAABoAAAAcdO8GE09TLzIAAAG0AAAARQAAAGAQ+ZFXY21hcAAAAkgAAABRAAABWuA2Gx9jdnQgAAAEgAAAAAoAAAAKAwQAxGZwZ20AAAKcAAABsQAAAmUPtC+nZ2x5ZgAABNgAABPeAAAgZG/p6QxoZWFkAAABRAAAADAAAAA2BvuCgGhoZWEAAAF0AAAAHgAAACQH9QTlaG10eAAAAfwAAABKAAAAlHv7AItsb2NhAAAEjAAAAEwAAABMi4qTXm1heHAAAAGUAAAAIAAAACABRwHNbmFtZQAAGLgAAAEFAAAB12vS/ulwb3N0AAAZwAAAAJ4AAAFsyCrvunByZXAAAARQAAAALgAAAC6w8isUeNpjYGRgYADiKAkPy3h+m68M8swfgCIMF0/IVyDo/84sFswJQC4HAxNIFAAZwAnyeNpjYGRgYE5gmMAQzWLBwPD/O5AEiqAAVQBa6wPkAAAAAQAAACUAoAAKAAAAAAACAAEAAgAWAAABAAEpAAAAAHjaY2BhnsA4gYGVgYGpn+kgAwNDL4RmfMxgxMgCFGVgZWaAAUYBBjTQwMDwQY454X8BQzRzAsMEIJcRSVaBgREAQ9oK6QAAAHjaY8xhUGQAAsYABgbmDwjMYsEgxCzBwMDkAOQnALEEgx1UjhNMr4BjTqBakDxC/wqIPsYMqJoEKIbpk0C1C4zXM3DA5AEzchbtAAB42mNgYGBmgGAZBkYGEAgB8hjBfBYGCyDNxcDBwASEDAy8DAof5P7/B6sCsRmAbOb/3/8/FWCD6oUCRjaIkWA2SCcLAyoAqmZlGN4AALmUC0kAAAB42l1Ru05bQRDdDQ8DgcTYIDnaFLOZkALvhTZIIK4uwsh2YzlC2o1c5GJcwAdQIFGD9msGaChTpE2DkAskPoFPiJSZNYmiNDs7s3POmTNLypGqd2m956lzFkjhboNmm34npNpFgAfS9Y1GRtrBIy02M3rlun2/j8FmNOVOGkB5z1vKQ0bTTqAW7bl/Mj+D4T7/yzwHg5Zmmp5aZyE9hMB8M25p8DWjWXf9QV+xOlwNBoYU01Tc9cdUyv+W5lxtGbY2M5p3cCEiP5gGaGqtjUDTnzqkej6OYgly+WysDSamrD/JRHBhMl3VVC0zvnZwn+wsOtikSnPgAQ6wVZ6Ch+OjCYX0LYkyS0OEg9gqMULEJIdCTjl3sj8pUD6ShDFvktLOuGGtgXHkNTCozdMcvsxmU9tbhzB+EUfw3S/Gkg4+sqE2RoTYjlgKYAKRkFFVvqHGcy+LAbnU/jMQJWB5+u1fJwKtOzYRL2VtnWOMFYKe3zbf+WXF3apc50Whu3dVNVTplOZDL2ff4xFPj4XhoLHgzed9f6NA7Q2LGw2aA8GQ3o3e/9FadcRV3gsf2W81s7EWAAAAuAH/hbABjQBLsAhQWLEBAY5ZsUYGK1ghsBBZS7AUUlghsIBZHbAGK1xYWbAUKwAAAAAAowCFACECfwAAAAAAKgAqACoAKgAqACoAfgEkAcAChAK+A2oElgU2BbQGxgeYCBgIPgjGCU4KZgqKCq4LQAuYDDoMcAzuDXINoA4MDngO4g86D6QQMnjazVl5cBvXeX9vF4tdXHsBuwBBEvdBAgQXxOIgRPGQSEkULcoJJds6Yku2Na6TKJXHsnx0XNptHcvNpLaSJpkczthV68Zu0ulbQE58qXXaHK3j7ThjD6PmmnQmaTydSaqkmdbxkFC/tyApinXiuP2jlcC37/vegX3f8fu+7wExKIkQLjCPIxbxaNjCyNja4l3sTyqWm/vu1hbLQBdZLGVzlN3i3a7lrS1M+aaSVPKmkk5iz+tf/zrz+MrRJHMDgp3US3/tyjEvIQn1oiJCWd6dx7kGrsexLuGwjlm3AXSQ0h5M+5M4D3/1MNbx4b5AoPNmIIDdgQB0v/e9AJ78JqemVLfT4uN0sDtAHzBtvvvYsIK5aqWgcF6XyizRR+f+K9cAhRB9T3TpGTbCRlAARdAEehiRCYNwNulNLCmkzyZ+g6g2GTSIaJKCTUo2JpMGSS0RZBOp0kohb7E9lerzFMlghSDZ4nGRbLGJRpdXbGsKFy2UUlRL7Gk2iaacYzlfeCITbhJeJY0msvycorZj8eYWylMV4JFBtaXlKs1mszyS5UNh3azUqvlhnOLZsAZEvZpLp9gU35jAjfo4lvM5GEzn6xkzXAnrWogXMR/DITfvTuMy9hSyr0XSx+6VXa6+1NFbTrwrPvD+v8OevSHFLzT9cYbZgqXZ+U9cVahEC7nrTo6ZN33w2fdsCykvTOaaCTc+/vn7XbOf27X840CNEYXYRJYp6gEOswb24YPlHbsHtIgSvO1Tt/aNgglRWTJTIMsB9FeIDIAcTZKzidsmIYNoNumpEE0mvSDCQcMqgKDq0ecmDv/sY0grekXil4n0opXCvyTxF4Foi34pWCQpuZ1IxYPFdpK2LWAmPpT4UNotKmqzBTx4kEQTPe0X44lkatj5h6+gyFQUI8s9AErADCghpxChSUIq6W9aWq+iEh0EzeVzKTffqK/+V2sg03wjXKk33FSeImbcYKhhN4/fd9OemVtlr18f6ZF5rjKH9R0+33cKp0KsIC1o7ti2EsbaPoaf9TE+XHZxvoCWEf8N39gvBlhmi0fAkSinC+Kfdr71j6KX8/f3IsaxwaMgt13oOvSHqDWPUJHst4lgUJPbYrSVYGw6EzbJmG2FpioVMiaTCDWwcZMkbLKjgskBgwSWSMZuZQLUIDMxT7EVyNBuIAi2mZGtEbDEg/A3kgGDi/RuGQODQ1aiABSWA3WgrMgWkMa2JhlTyCTIBLxUhbO706lhZhxXc/mUgetmuFGpm3xYc6d4dz+mQgGbBJFN4OowNjCYIp9vmGG9EdZDsFbEwRoYbDIFk0O6mazUmTcx5w8nC4c/c/3p7WF9p8ozvPRZIiZYjLPTXh4L3N6Rxs1jUZ8Wcgksy/T3NAXGODmw0+tiotqg/xavsPwVwesV2K2Cl/ly0tv5m+Nbkjur+2+/7oX3J1hmBPMc5rMcJ/LTyd/77O8O9A6F5NSO04195WQ+hpmymxFwMCDybv/ymxm6EW2o/U5c+g/m28xHURrwSg9J2A0n5mmTq1J0gqZeiYPXQUOHmZdkeY9cVJ94Qi1CR37iiU30Y7+Cv0av4c9F0L2EBtEcWkTENMiMo3vJJmmD6OAuVwEILZGs3Z7IqkKRTNokK1uz4EAl29oDOp2cAMXJTZJVqPpm1afj+kChYlJIKSnnIv3R4qCjbWEGtF0ojU5SbaclIGQ12k+n6QqJUJVXdFCTG9SVA43XzUauVm3UzUoYAEUC7eaom4RA5WHeBPWKbIpqnBoHIFEjhqktgCHkc+z3qVyXq7TtjF6156NX3+4OMLwh9MVGPrhn7u6bzQd+7Ar7hq87cLq0N+lnmKasspMnM/trJQXf2tUIbTKzV98yuyunv6/pYVhmf9zcfnhPKp4+ox3a2j88qgd0r9fDjw8N4giTLrtu7Js5MCBRXHcjz6XbQK6HURiV0RSaR9ejD+BB1KpT3xq3iatCxmXC2hTHAeNlm0QNMmyTsk32GeSQTVIGydvkZoNsN8n7bKqSbZXWzM3UpWau8hQx+W2DsEtkrkIYmzCytQPUMW8TvtLaMU8n7Zj2FNvq/A7QV8IkXruleilbpaFiXrYMX5FE6J7WCVAgwyoqgJYWy+ym2tihtEOl4V1OSFCfllE4lb+KEvOK5RsCCPOqbTc3WHB0KvsB2LwB4NaVtkcMhuhEVrV4DVhIIUCNq8TdtIajYCS9TbIP4lqTlFVSapJDyrlYojCUoWtSKsk2SV4hg2AIDV5L10zNCSSpfMOJQXy+Pom1dK4KCFmrplNAmxWdBhrerHHaBrNJVnRM19fSbgoG2uZBZRP9QH3r87X+5Ph7s4m+SHlMqgT2v8wOhKfi0WA5tnNwNBceZ3ax+73Cyn5qF8wXBO/y6+fHsSsyMD/GXrORv7F/iOm/ZmQbPzhXzVaiiSwX3+a/cFAyG2IuEksmx40Zw5+KJNvH6Xza4J81Gmc8WnHXD//pMi+y3u3aFbr0XfYi8wvIlCQUR3nUANQ+gVoatSvIF1iKyzwkCgap2sRHKfDjccen05TKgz/PQmhcsvwZgHJsW0KiUrF24yKy+jSKxi4OUf+sloDw+AMCJWbGgUhmsgkgyiN1UAqoobL2xJvkiX4Ff7PcL0wemlz7sNddKd63YG7sn3KW/bPTdv5iXUaMsZlzpQAZJ+l6EvAujibRAmpxVG4Zk4puK6QHIDWT+G0yBDFtyiDCEgiI9NitHoE6T48CzoNlawB8LWmTpt1qDlB+c8RTtLaBBAHB4IhFnMrVlGp9bBXOgHaiD6W5txmH9K50oTT51F0ZSdOkzNg1CX2xNInfeEvuDPAmS/jDdz2lSbOSds2Yqiecif+NSY/tXT87tRwDzn81OgK2cx96BD2GHkStj1NZ+G1r6D1gGJxhZfabVDDWnnsrVDTWzB1Ab7Wt4x8GumZYxx4A+lGwp8cN8skl4rGtyCiMeGQLAabIZegP2tbsrfQpWwngTR2F/kHbuvsh+pStdwHvtvuh/xHb+hNHflmI1hvkUafYvpHmNo3j2q8ff6fzN39fQ+maLNWXgysJr3COGtQVzUZu5wdvzf9N5lxuZmvZFX+2Vssyv8hVD62b8A/We69ctvBn3oL5NsOX93lh5VHna46B5Gk+4Ln0ZfYx9jqomhqQDT7u1CNRm+x0ckE3RZBrneC013ayvrklmmLnZCsGPrFgk+10hm6TBdlinFLESfq25yC+JPtmds7vpWiixyBmTO+DALGgWKH98GTUds/4xLVORNkJgeJphm9u2TZNJxfcMHmGTrpWsYp0UUpt53bPvduBomy9CmlBio8xkO+5U8Ns3h2C7KgClZ4zAElUlx5m8hSSYiy3llnlqo38WnLVTan4cL0SZtOyfEoaVlnFzXkTMUnkZVaV7pBLUuer3ec+mCCXNk7A3zfK+4wHyyeNSqV8euTUFdTDsOQUpBcyz/sHEi6fW2FVAzaS8He6zwV5SL5ywr+PPDi8YJTvGDkNTmScuoJCLpqzuUbBj3kkohgaRu9FrbCDY4D/BkV/2SBF0I8BOcQSCUH9I1scaMNL8b6FOYpZ2NPFsl7gJ2yrDFrCUAsSf5P0KiQAemDDgPkCRACnXFSICOK+jOzJWiOMs5BXa0o3rwYPyYU3e8utDowz9y2/fu4QTuDE8r1O4vwAtAu17PK91N3ZB3JVZncXt19YPk4nnt0I9erKfsdCv5CrVimEQZ2HE2wEvwE4piEAKgrYfjiubFjKOghvjDNsJKGv7NcTCZ35gp7Af3ucdmmDOAcTLzr1dz8qoXHI1OqoFaTSjDr5r8upuyEphqoa5DcNJg9ftdewrqYR0yzQsg7RWll1zMo5OhjT5leovUP6a9xZXvR6Rf4sa6wlsuzLTgx81BHMsc39y3PwR/38Wc4r4BnBy53t/OjXwsMrV+QXby8PdoM8fG8tD4Gn8giCLax7l/6/lccFKgrOEQobeacCYYY7L1BR8I5cOrO/uUAEpz56kj2KPGBrSdRE74ZM/r3oJPo2apWpVAbsFiQVxTY7UIZUe4DCH2TycZtca5DDNkVPipR3OEi5HfBRtmTwOB8IT7aOQe+ITY7IVhVT77VOUaycAxEyHOCcrHzRo4fHZ3bMUw/0qWRvkxxT2kMlp3gmR1Qy0CRV5UtGvt44cPD4CcrMqOQk+G60rKhfFELBzFCpStlxhaQBQNV2vTGzgzIOK2R3k0yoX9oytn3uxpuOf4Ay9yrkdif5hpyb3oXpYY36O9VBRc91ExcnbVmvTnN5qLMrkw7YNvRwns+vQS6f24Csrg1r8YY9w+vf9J9nQDmBwJlAdMEre+GzuB4LmbMAp6WHys97xdOfkoYp/H7aKyknLhOqeH5tCr59fV3nQnenH61v/fEzHOd0MuuxdtGZ0tNF2Be8uvfTFI9L0mdOe6Tfukz4/efXpow7K3BifYvr13btYhM6x0wBNgWQiojbcIBJNCzJASZ0OfaAVTNFzbfsSXiWfZqE38BvaHHoAieuOfvM4hnmIdgniJwdeKjYIFtf3ehKsJlxVtH1+O61/STYvBsrwH63OvVCHnK+21CLp3Yrmt3AQG9wIGh4TRo9+rppr7lEhiAHli0MZhmwSUC2PNBT7JZHobHDE+nmu9aQCbY6thVsFSuWKwPPgEomwf4yCRgwyhQHMlWnZqf3hs6zscGzx3AMO1kWFHIsmMhqcjyO012zoLbDvKLFNC32hNNen9CXv0LR+6JvNH0mPeq7qCe+JPSc0aQzknYGsnR12dfnW1adyaufs+foAtoMDCQS+Fp9mSbRy3pYptKWu/eGzv1XDlURFYbk3BjmQHN55+YDxD5A0S0kKeo5jLzRXuotOcVKZegJkexOp3KrHhPDzhVpig/r/Ophqo16HNcT7NFO68a/nPD5592Ka/Cu6bueeur1ffOqV+iBF4K32X0fvp6Jdh7tLMwFfPNuhquNPfXTp+b3ymEdXpeebfauVYxefd8gZGlpVEQm+ghqFalWDUeZoLKwQWIm6YVUrUIPYcJZqgYZWYKMnCbjPaBOzSaabCWh12+TftnKdi90aqBXrQdSMJ87XzAq9KRJpc0yAT/t9qtPS8Fccdh0UrVwAOYJSmawVKaDvUo7OzA04iRmWMRUJhOYiqRC7+dieC17cK0+VTmXcMt6AgSYyMn1BLOo3f7w7Ron9vW5xD037BFdfX1i50eFrYXCVjznPJ57tbP06qu4gHtXOp9eWcG3YHZm374ZsdcjiqXR0ZIoenoxR2eufjp/jAuv0kVMb3fBytq9+zTEORP8wgtZVA61/FR+gMuQT3hAWpJBgRpZnF9RW4ybd+7DsYnT+SSfxmwS15Ia/sZRvGtxrvOZubvwyT/C0ZV76ZYr/mefZe7s/NnKv54/j7o1p+ODEajeG2gvIl6jFUs2TCiefHarN12tQAEEzlc0wNAwGTWsJv1inxdciI+DT2WUViBqwguQotrWI8MGlTVWiOZcklbqZi5Pr0kbE2wDm0HIhGNMHIf4fIoH/KXgXAN0FnEoxgKe83j0SU7jyo3OT3rLW7BY6U8KOD17j7qQjhSjewUWL2l/z8xh3tu7sCI35EQk78J4gMGPnFh5zCWUXALfozE/7/xL4Rt7x09oMpv0cB5BjEkMK8jaeZz7RFT1cC6c9HKrZ/+Y8/uGgnT0eUQ8Br30gvxUMgFPCKoQBo5t0h85ggA+YcOKdC/mXxx/c5FezBN1WCT6i5zFML8UiffF5ya/8eYFOsARDCMijATpSOhFjohyG4k4WCSMDAbrDRbbHtpSvkT5LGp7xZDu3NFP+RFmWI9XlNRgl7X2j0xFaQ7ZSAaT9M4xHcdmrRFM5nGS5bLMvUJHjuID/hMn+Jv8LzMv9XU+4bmE2Mhs5/nOeUa+ufPq/bHY1Y828SgeuQULy986fHhVDmBvzEtgeSEaGVBX2VBV6w6ga2BOWUANiKCN/AQex9gMa+zFlWeDmd7snj/4UEIKM8K7m+cPHnwt0BPfw39wiNVEE3+nuYdi/GrOtlbX51bvNSAv1gx6tZE1KKDXDKjeKcCv3lVkN+VY+U10423G2YuASwcomLJPStoFTeoIlKChBwB5+XVnJNId+aQzcqukHZ+lPdr8w6/tof9H51opU4J5pXuux52Ro92Ru52Rh/5PzvVOc+grz7XxWBtP9T86FIuESyfZZ5ivQkSKoRTUDEQwWu6gTlHOY7c4NUxRLmBArMFQRlgZCnEegUJciKYNCmG6+KrHsZbna3VwPBGHIQPNSbg2gScxZs0gVJ34z3fjqbypLn3zHtfCG2bIJd3w+B2l2jjLYu3I157BLuary52g12X4vcNy9OWTh4WouyT6XEWfznGM2rmEv3XgAMV/qgPmTuf34RQ6hloC1YAO2OTcdSlxeHHJeVfiW6J8XabVJb33S3ZvO1ibnsJKKlA1p5ok5txrs/R3PWTpcDJKasq5YKQ/meqGxIqubSyQsZLm82nFrIUbGtdI19Jamv1cvFCIL5+lLf7p4g1HFheP3IC3PHZk8QbmzkK80+cM/DBe6Aj4dxYXOw+ev+ee8/HvOoHm8t1mEU2hQ6s2lbBbCVrwo0QBCv4ep1im59rm3G52Iz8cg+Y42+E0mX4o+pXhStOJ7z2QxrWH6036gw2RFCfVu1xer1b5EN8hGS1i51e2tdsAsDkIPGYliDdesazes7CRI9OdoekjR6bxa8mk4OL7XB7OJ3aGoMLP4ddyVS7j5kK/36mLGfHnojgBj4/h49BOiPiadnfd9BGRDfJ9nKua6657hIdVGMMiWEOnOmvoYoT+C93/Vj8AAHjafY+/asMwEIc/JU6aQhsyltJBQ6eCg20IgdCt1GTwlNJsHUJijCCxwHaeqVufpM/Qta/Ri31ZOkTipO9Ov/sjYMwXhm7d8qBsGPGs3OOKd+U+j3wqB6L5UR5wY4zykJGxojTBtXj3bdaJDROelHvS91W5z5IP5UA038oD7vhVHjIxY1I8JQ2ObUs1lkz2C6S+bNzWl7XNMnHfRHNgJ2cjykoC7rBzjRdakVNwZM/m9LDKi+N+I3AunrYJhagsCVMiuRdi/0t20Vg0IXOxRJQxs26U1FdFbpNpZBf23FowTsJ5mETx7OKEa+ldyedcO9GpRzcF67yqnS9tLHUvVfgDz/ZF8gAAAHjabc25DgFhGIXh/53B2Pd9J9HPN/bSWolC4iI0OjfgxhFO6SQnT/k6z333errI/dvkc5yHh+98YsRJEJAkRZoMWXLkKVCkRJkKVWrUadCkRZsOXXr0GTBkxDh2vp5O3u4SPO63YxiG0mQkp3Im53Ihl3Il13Ijt3In9/Igjz9NfVPf1Df1TX1T39Q39U19U9/UN/VNfVPfDm8tR0peAAB42mNgYGBkAIKLcceVwfQJ+XIoXQEARe8GegAA) format("woff");
  font-weight: 400;
  font-style: normal;
}
.task-main-container .simditor-icon {
  display: inline-block;
  font: normal normal normal 14px/1 Simditor;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.task-main-container .simditor-icon-code:before {
  content: '\F000';
}
.task-main-container .simditor-icon-bold:before {
  content: '\F001';
}
.task-main-container .simditor-icon-italic:before {
  content: '\F002';
}
.task-main-container .simditor-icon-underline:before {
  content: '\F003';
}
.task-main-container .simditor-icon-times:before {
  content: '\F004';
}
.task-main-container .simditor-icon-strikethrough:before {
  content: '\F005';
}
.task-main-container .simditor-icon-list-ol:before {
  content: '\F006';
}
.task-main-container .simditor-icon-list-ul:before {
  content: '\F007';
}
.task-main-container .simditor-icon-quote-left:before {
  content: '\F008';
}
.task-main-container .simditor-icon-table:before {
  content: '\F009';
}
.task-main-container .simditor-icon-link:before {
  content: '\F00A';
}
.task-main-container .simditor-icon-picture-o:before {
  content: '\F00B';
}
.task-main-container .simditor-icon-minus:before {
  content: '\F00C';
}
.task-main-container .simditor-icon-indent:before {
  content: '\F00D';
}
.task-main-container .simditor-icon-outdent:before {
  content: '\F00E';
}
.task-main-container .simditor-icon-unlink:before {
  content: '\F00F';
}
.task-main-container .simditor-icon-caret-down:before {
  content: '\F010';
}
.task-main-container .simditor-icon-caret-right:before {
  content: '\F011';
}
.task-main-container .simditor-icon-upload:before {
  content: '\F012';
}
.task-main-container .simditor-icon-undo:before {
  content: '\F013';
}
.task-main-container .simditor-icon-smile-o:before {
  content: '\F014';
}
.task-main-container .simditor-icon-tint:before {
  content: '\F015';
}
.task-main-container .simditor-icon-font:before {
  content: '\F016';
}
.task-main-container .simditor-icon-html5:before {
  content: '\F017';
}
.task-main-container .simditor-icon-mark:before {
  content: '\F018';
}
.task-main-container .simditor-icon-align-center:before {
  content: '\F019';
}
.task-main-container .simditor-icon-align-left:before {
  content: '\F01A';
}
.task-main-container .simditor-icon-align-right:before {
  content: '\F01B';
}
.task-main-container .simditor-icon-font-minus:before {
  content: '\F01C';
}
.task-main-container .simditor-icon-markdown:before {
  content: '\F01D';
}
.task-main-container .simditor-icon-checklist:before {
  content: '\F01E';
}
@font-face {
  font-family: Simditor-R;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAdIAAsAAAAABvwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIF3mNtYXAAAAFoAAAAhAAAAITKKHN7Z2FzcAAAAewAAAAIAAAACAAAABBnbHlmAAAB9AAAAsgAAALI53Lb32hlYWQAAAS8AAAANgAAADYKbAGoaGhlYQAABPQAAAAkAAAAJAeYA8xobXR4AAAFGAAAACwAAAAsIgADmGxvY2EAAAVEAAAAGAAAABgCmANabWF4cAAABVwAAAAgAAAAIAAPADhuYW1lAAAFfAAAAaoAAAGqiaRHVXBvc3QAAAcoAAAAIAAAACAAAwAAAAMDwAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6PQDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAGgAAAAWABAAAwAGAAEAIOFa4WbiQ+K84xPohOj0//3//wAAAAAAIOFa4WbiQ+K84xPohOj0//3//wAB/+Meqh6fHcMdSxz1F4UXFgADAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQBCAQEDqgKBABYAAAE3ESE3LgEjIg4CByc+AzMyHgIDEpj+gJwtcD85Z1U+EWQWUm+HSitRS0QB55r+gJolKyM+VjMgQnFSLxAcKQAAAAABAFYBAQO+AoEAFgAAATIeAhcHLgMjIgYHFyERFz4DAhZKhm9SF2QQP1VnOT9wLZz+gJgdREtRAlUvUnFCIDNWPiMrJZoBgJoZKRwQAAAAAAEAqgABA4ADVQAfAAABMxEhERQGKwEiJjURITUjFRQGIyEiJj0BNDYzITIWFQMAgP6qGBJWEhgBqioYEv4AEhoaEgIAEhgDAf6q/oASGBgSAdaqKhIaGhKqEhgYEgAAAAEAVgCAA6oCVgA1AAATNDc2MyEyFxYVFAcGIyEiJyY1NDc2MyEVISIVFDMhMjc2NTQnJiMhIgcGFRQXFjMhFSEiJyZWRERiAcBGMjIyMkb+liwgICAgLAFA/rwSEgFuIhoaGhoi/kA+LCwsLD4Blv5qYkREAWpiRUUzM0ZGMjIfHywsICBWFRUZGSIiGhosLD4+KytWREQAAQEAAPYDAAIyAAUAAAEXNxcJAQE8xMQ8/wD/AAIyxMQ8/wABAAAAAAIA1gAqAyoDAAADAAoAADchFSEJAjMRIRHWAlT9rAJU/tb+1qoBAIBWAdb+1gEqAQD/AAADACoAawPWAusACwAfADMAAAEyFhUUBiMiJjU0NhMyPgI1NC4CIyIOAhUUHgITMh4CFw4DIyIuAic+AwIANExLNTRMSzUsTjoiIjpOLCxOOiIiOk4sUJJ7XRwcXXuSUFCSe10cHF17kgIrTDQ1S0s1NEz+qiE6Ti0sTjoiIjpOLC1OOiECFi9VdkZHdVUvL1V1R0Z2VS8AAAEAAAABAAA8NrfhXw889QALBAAAAAAA07veqwAAAADTu96rAAAAAAPWA1UAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA9YAAQAAAAAAAAAAAAAAAAAAAAsEAAAAAAAAAAAAAAACAAAABAAAQgQAAFYEAACqBAAAVgQAAQAEAADWBAAAKgAAAAAACgAUAB4ARgBuAJ4A6gD+ARgBZAABAAAACwA2AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEACgAAAAEAAAAAAAIABwB7AAEAAAAAAAMACgA/AAEAAAAAAAQACgCQAAEAAAAAAAUACwAeAAEAAAAAAAYACgBdAAEAAAAAAAoAGgCuAAMAAQQJAAEAFAAKAAMAAQQJAAIADgCCAAMAAQQJAAMAFABJAAMAAQQJAAQAFACaAAMAAQQJAAUAFgApAAMAAQQJAAYAFABnAAMAAQQJAAoANADIU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSUmVndWxhcgBSAGUAZwB1AGwAYQByU2ltZGl0b3ItUgBTAGkAbQBkAGkAdABvAHIALQBSRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
  font-weight: 400;
  font-style: normal;
}
.task-main-container [class*=" simditor-r-icon-"],
.task-main-container [class^=simditor-r-icon-] {
  font-family: Simditor-R !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.task-main-container .simditor-r-icon-attachment:before {
  content: "\E2BC";
}
.task-main-container .simditor-r-icon-arrow_down:before {
  content: "\E313";
}
.task-main-container .simditor-r-icon-download:before {
  content: "\E884";
}
.task-main-container .simditor-r-icon-eye:before {
  content: "\E8F4";
}
.task-main-container .simditor-r-icon-format_paint:before {
  content: "\E243";
}
.task-main-container .simditor-r-icon-redo:before {
  content: "\E15A";
}
.task-main-container .simditor-r-icon-undo:before {
  content: "\E166";
}
.task-main-container .simditor {
  position: relative;
  border: 1px solid #c9d8db;
}
.task-main-container .simditor .simditor-wrapper {
  position: relative;
  background: #fff;
}
.task-main-container .simditor .simditor-wrapper > textarea {
  display: none!important;
  width: 100%;
  box-sizing: border-box;
  font-family: monaco;
  font-size: 16px;
  line-height: 1.6;
  border: none;
  padding: 22px 15px 40px;
  min-height: 300px;
  outline: none;
  background: transparent;
  resize: none;
}
.task-main-container .simditor .simditor-wrapper .simditor-placeholder {
  display: none;
  position: absolute;
  left: 0;
  z-index: 0;
  padding: 22px 15px;
  font-size: 16px;
  font-family: arial, sans-serif;
  line-height: 1.5;
  color: #999;
  background: transparent;
}
.task-main-container .simditor .simditor-wrapper.toolbar-floating .simditor-toolbar {
  position: fixed;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.task-main-container .simditor .simditor-wrapper .simditor-image-loading {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.task-main-container .simditor .simditor-wrapper .simditor-image-loading .progress {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
}
.task-main-container .simditor .simditor-body {
  padding: 22px 15px 40px;
  min-height: 300px;
  outline: none;
  cursor: text;
  position: relative;
  z-index: 1;
  background: transparent;
}
.task-main-container .simditor .simditor-body.simditor-on-format-paint {
  cursor: url("data:application/octet-stream;base64,AAABAAEAICAAAAEAIACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAABILAAASCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZAAAAMgAAADIAAAAyAAAAMgAAADIAAAATAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGAAAADDAAAAwwAAAPcAAADDAAAAwwAAAEoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQgAAAG8AAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABgAAAABAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADYAAAA3gAAAN4AAADeAAAA3gAAAN4AAADeAAAA3gAAAN4AAADeAAAA3gAAAN4AAAA+AAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN4AAACiAAAAXQAAAF0AAABdAAAAXQAAAF0AAABdAAAAXQAAAF0AAAB6AAAA3gAAAEQAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3gAAAHgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADQAAADeAAAARAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADeAAAA2wAAANYAAADWAAAA1gAAANYAAADWAAAA1gAAANYAAADWAAAA2AAAAN4AAABEAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKEAAADVAAAA1QAAANUAAADVAAAA3QAAANUAAADVAAAA1QAAANUAAADVAAAAxQAAAB0AAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACkAAAADgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIcAAACdAAAASgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAdAAAA3gAAAN4AAADNAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAADXAAAA3gAAAN4AAAArAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKIAAADeAAAA3gAAAGcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZQAAAN4AAADeAAAAogAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqAAAA3gAAAN4AAADYAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAADFAAAA3gAAALsAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADdAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAApAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN0AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA3QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABcAAAAvAAAALwAAAD2AAAAvAAAALwAAABHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAyAAAAMgAAADIAAAAyAAAAMgAAABMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////Af///wH/8ABv//AAb//wAG//8/xv//AAb//wAG///5/v//+P7///B+///wfv//+H7///h+///4Pv//+D7///x+/////v////Af///wH////////////////////////////////8=") 20 16, auto;
}
.task-main-container .simditor .simditor-body a.selected {
  background: #b3d4fd;
}
.task-main-container .simditor .simditor-body a.simditor-mention {
  cursor: pointer;
}
.task-main-container .simditor .simditor-body .simditor-table {
  position: relative;
}
.task-main-container .simditor .simditor-body .simditor-table.resizing {
  cursor: col-resize;
}
.task-main-container .simditor .simditor-body .simditor-table .simditor-resize-handle {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 100%;
  cursor: col-resize;
}
.task-main-container .simditor .simditor-body pre {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-wrap: break-word !important;
  white-space: pre-wrap !important;
}
.task-main-container .simditor .simditor-body img {
  cursor: pointer;
}
.task-main-container .simditor .simditor-body img.selected {
  box-shadow: 0 0 0 4px #ccc;
}
.task-main-container .simditor .simditor-paste-bin {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 1px;
  height: 20px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-user-select: text;
}
.task-main-container .simditor .more-option,
.task-main-container .simditor .simditor-toolbar {
  border-bottom: 1px solid #eee;
  background: #fff;
  width: 100%;
}
.task-main-container .simditor .more-option .more-option.open,
.task-main-container .simditor .simditor-toolbar .more-option.open {
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .simditor .more-option .more-option,
.task-main-container .simditor .simditor-toolbar .more-option {
  position: absolute;
  top: 106%;
  right: 0;
  z-index: 0;
  opacity: 0;
  width: auto;
  border: none;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 3px;
  -webkit-transform: translateX(1000px);
  transform: translateX(1000px);
}
.task-main-container .simditor .more-option .more-option > ul,
.task-main-container .simditor .simditor-toolbar .more-option > ul {
  padding-left: 0;
}
.task-main-container .simditor .more-option > ul,
.task-main-container .simditor .simditor-toolbar > ul {
  margin: 0;
  padding: 0 0 0 6px;
  list-style: none;
  white-space: nowrap;
}
.task-main-container .simditor .more-option > ul > li:first-child[data-type=separator],
.task-main-container .simditor .simditor-toolbar > ul > li:first-child[data-type=separator] {
  position: absolute;
  opacity: 0;
}
.task-main-container .simditor .more-option > ul > li,
.task-main-container .simditor .simditor-toolbar > ul > li {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.task-main-container .simditor .more-option > ul > li > span.separator,
.task-main-container .simditor .simditor-toolbar > ul > li > span.separator {
  display: inline-block;
  background: #cfcfcf;
  width: 1px;
  height: 18px;
  margin: 5px 15px;
  vertical-align: middle;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item {
  display: inline-block;
  width: 28px;
  height: 28px;
  outline: none;
  color: #333;
  font-size: 15px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-more-option,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-more-option {
  color: #000;
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item span,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item span {
  opacity: .6;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item span.simditor-icon,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item span.simditor-icon {
  display: inline;
  line-height: normal;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item:hover span,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item:hover span {
  opacity: 1;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.active,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.active {
  background: #eee;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.active span,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.active span {
  opacity: 1;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.disabled,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.disabled {
  cursor: default;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.disabled span,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.disabled span {
  opacity: 0.3;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-title span:before,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title span:before {
  content: "H";
  font-size: 19px;
  font-weight: 700;
  font-family: Times New Roman;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before {
  content: 'H1';
  font-size: 18px;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before {
  content: 'H2';
  font-size: 18px;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before {
  content: 'H3';
  font-size: 18px;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-image,
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-image {
  position: relative;
  overflow: hidden;
}
.task-main-container .simditor .more-option > ul > li > .toolbar-item.toolbar-item-image > input[type=file],
.task-main-container .simditor .simditor-toolbar > ul > li > .toolbar-item.toolbar-item-image > input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.task-main-container .simditor .more-option > ul > li.menu-on .toolbar-item,
.task-main-container .simditor .simditor-toolbar > ul > li.menu-on .toolbar-item {
  position: relative;
  z-index: 20;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.task-main-container .simditor .more-option > ul > li.menu-on .toolbar-item span,
.task-main-container .simditor .simditor-toolbar > ul > li.menu-on .toolbar-item span {
  opacity: 1;
}
.task-main-container .simditor .more-option > ul > li.menu-on .toolbar-menu,
.task-main-container .simditor .simditor-toolbar > ul > li.menu-on .toolbar-menu {
  display: block;
}
.task-main-container .simditor .more-option .toolbar-menu,
.task-main-container .simditor .simditor-toolbar .toolbar-menu {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 21;
  background: #fff;
  text-align: left;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-align-right:before,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-align-right:before {
  left: auto;
  right: 0;
}
.task-main-container .simditor .more-option .toolbar-menu:before,
.task-main-container .simditor .simditor-toolbar .toolbar-menu:before {
  content: '';
  display: block;
  width: 28px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: -3px;
  left: 0;
}
.task-main-container .simditor .more-option .toolbar-menu ul,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul {
  min-width: 160px;
  list-style: none;
  margin: 0;
  padding: 10px 1px;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item {
  display: block;
  font-size: 16px;
  line-height: 2em;
  padding: 0 10px;
  text-decoration: none;
  color: #666;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item:hover,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item:hover {
  background: #f6f6f6;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item.menu-item-h1,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h1 {
  font-size: 24px;
  color: #333;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item.menu-item-h2,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h2 {
  font-size: 22px;
  color: #333;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item.menu-item-h3,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h3 {
  font-size: 20px;
  color: #333;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item.menu-item-h4,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
  font-size: 18px;
  color: #333;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .menu-item.menu-item-h5,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h5 {
  font-size: 16px;
  color: #333;
}
.task-main-container .simditor .more-option .toolbar-menu ul > li .separator,
.task-main-container .simditor .simditor-toolbar .toolbar-menu ul > li .separator {
  display: block;
  border-top: 1px solid #ccc;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 6px 0;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color {
  width: 96px;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
  height: 40px;
  margin: 10px 6px 6px 10px;
  padding: 0;
  min-width: 0;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
  float: left;
  margin: 0 4px 4px 0;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
  display: block;
  width: 16px;
  height: 16px;
  background: #dfdfdf;
  border-radius: 2px;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
  opacity: 0.8;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
  background: #333;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-1,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
  background: #e33737;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-2,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
  background: #e28b41;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-3,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
  background: #c8a732;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-4,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
  background: #209361;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-5,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
  background: #418caf;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-6,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
  background: #aa8773;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-7,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
  background: #999;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
  background: #fff;
  padding: 1px;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
  padding: 0;
  cursor: pointer;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td:before,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  background: #f3f3f3;
  display: block;
  content: '';
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before {
  background: #cfcfcf;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
  display: none;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table ul li,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
  white-space: nowrap;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
  position: relative;
  overflow: hidden;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file],
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-alignment,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-alignment {
  width: 100%;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-alignment ul,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-alignment ul {
  min-width: 100%;
}
.task-main-container .simditor .more-option .toolbar-menu.toolbar-menu-alignment .menu-item,
.task-main-container .simditor .simditor-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
  text-align: center;
}
.task-main-container .simditor .simditor-popover {
  display: none;
  padding: 5px 8px 0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.task-main-container .simditor .simditor-popover .settings-field {
  margin: 0 0 5px;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
}
.task-main-container .simditor .simditor-popover .settings-field label {
  display: inline-block;
  margin: 0 5px 0 0;
}
.task-main-container .simditor .simditor-popover .settings-field input[type=text] {
  display: inline-block;
  width: 200px;
  box-sizing: border-box;
  font-size: 12px;
}
.task-main-container .simditor .simditor-popover .settings-field input[type=text].image-size {
  width: 83px;
}
.task-main-container .simditor .simditor-popover .settings-field .times {
  display: inline-block;
  width: 26px;
  font-size: 12px;
  text-align: center;
}
.task-main-container .simditor .simditor-popover.image-popover .btn-restore,
.task-main-container .simditor .simditor-popover.image-popover .btn-upload,
.task-main-container .simditor .simditor-popover.link-popover .btn-unlink {
  display: inline-block;
  margin: 0 0 0 5px;
  color: #333;
  font-size: 14px;
  outline: 0;
}
.task-main-container .simditor .simditor-popover.image-popover .btn-restore span,
.task-main-container .simditor .simditor-popover.image-popover .btn-upload span,
.task-main-container .simditor .simditor-popover.link-popover .btn-unlink span {
  opacity: 0.6;
}
.task-main-container .simditor .simditor-popover.image-popover .btn-restore:hover span,
.task-main-container .simditor .simditor-popover.image-popover .btn-upload:hover span,
.task-main-container .simditor .simditor-popover.link-popover .btn-unlink:hover span {
  opacity: 1;
}
.task-main-container .simditor .simditor-popover.image-popover .btn-upload {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.task-main-container .simditor .simditor-popover.image-popover .btn-upload input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 28px;
}
.task-main-container .simditor.simditor-mobile .simditor-wrapper.toolbar-floating .simditor-toolbar {
  position: absolute;
  top: 0;
  z-index: 10;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.task-main-container .editor-style,
.task-main-container .simditor .simditor-body {
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  outline: none;
  word-wrap: break-word;
}
.task-main-container .editor-style [data-unselection-select] .unselection-content,
.task-main-container .simditor .simditor-body [data-unselection-select] .unselection-content {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
  border: 1px solid #bababa !important;
}
.task-main-container .editor-style [data-unselection-select] img,
.task-main-container .simditor .simditor-body [data-unselection-select] img {
  box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.4);
}
.task-main-container .editor-style [data-img],
.task-main-container .simditor .simditor-body [data-img] {
  padding: 0 !important;
}
.task-main-container .editor-style .unselection-wrapper,
.task-main-container .simditor .simditor-body .unselection-wrapper {
  text-align: center;
}
.task-main-container .editor-style .unselection-wrapper .unselection-inline-wrapper,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-inline-wrapper {
  display: inline-block;
  width: 100%;
}
.task-main-container .editor-style .unselection-wrapper .unselection-content,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-content {
  cursor: default;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach {
  display: inline-block;
  height: 36px;
  width: 300px;
  background-color: #f9f9f9;
  border-radius: 4px;
  border: 1px solid #e9e9e9;
  position: relative;
  text-align: left;
  color: #575757;
  font-size: 0;
  white-space: nowrap;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-icon,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-icon {
  display: inline-block;
  height: 100%;
  font-size: 20px;
  line-height: 33px;
  width: 30px;
  text-align: center;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach [data-name],
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach [data-name] {
  position: absolute;
  font-size: 12px;
  left: 35px;
  right: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  bottom: 0;
  top: 0;
  line-height: 36px;
  -webkit-transition: right .2s;
  transition: right 0.2s;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach [data-name]:before,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach [data-name]:before {
  content: attr(data-name);
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform .2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-operation-icon,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-operation-icon {
  display: inline-block;
  height: 100%;
  font-size: 18px;
  width: 28px;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
  color: #575757;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more {
  position: relative;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu {
  display: none;
  top: 100%;
  position: absolute;
  right: 0;
  line-height: 26px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.21);
  z-index: 1;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item {
  padding: 7px 10px;
  font-size: 12px;
  background: #fff;
  -webkit-transition: background .2s;
  transition: background 0.2s;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:hover,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:hover {
  background: #f9f9f9;
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:before,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more .unselection-attach-menu .unselection-attach-menu-item:before {
  content: attr(title);
}
.task-main-container .editor-style .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more:hover .unselection-attach-menu,
.task-main-container .editor-style .unselection-wrapper .unselection-attach:hover .unselection-attach-operation,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach .unselection-attach-operation .unselection-attach-more:hover .unselection-attach-menu,
.task-main-container .simditor .simditor-body .unselection-wrapper .unselection-attach:hover .unselection-attach-operation {
  display: inline-block;
}
.task-main-container .editor-style .unselection-wrapper inherit,
.task-main-container .simditor .simditor-body .unselection-wrapper inherit {
  display: block;
}
.task-main-container .editor-style > :first-child,
.task-main-container .simditor .simditor-body > :first-child {
  margin-top: 0 !important;
}
.task-main-container .editor-style a,
.task-main-container .simditor .simditor-body a {
  color: #4298ba;
  text-decoration: none;
  word-break: break-all;
}
.task-main-container .editor-style a:visited,
.task-main-container .simditor .simditor-body a:visited {
  color: #4298ba;
}
.task-main-container .editor-style a:hover,
.task-main-container .simditor .simditor-body a:hover {
  color: #0f769f;
}
.task-main-container .editor-style a:active,
.task-main-container .simditor .simditor-body a:active {
  color: #9e792e;
}
.task-main-container .editor-style a:active,
.task-main-container .editor-style a:hover,
.task-main-container .simditor .simditor-body a:active,
.task-main-container .simditor .simditor-body a:hover {
  outline: 0;
}
.task-main-container .editor-style h1,
.task-main-container .editor-style h2,
.task-main-container .editor-style h3,
.task-main-container .editor-style h4,
.task-main-container .editor-style h5,
.task-main-container .editor-style h6,
.task-main-container .simditor .simditor-body h1,
.task-main-container .simditor .simditor-body h2,
.task-main-container .simditor .simditor-body h3,
.task-main-container .simditor .simditor-body h4,
.task-main-container .simditor .simditor-body h5,
.task-main-container .simditor .simditor-body h6 {
  font-weight: 400;
  margin: 40px 0 20px;
  color: #000;
}
.task-main-container .editor-style h1,
.task-main-container .simditor .simditor-body h1 {
  font-size: 24px;
}
.task-main-container .editor-style h2,
.task-main-container .simditor .simditor-body h2 {
  font-size: 22px;
}
.task-main-container .editor-style h3,
.task-main-container .simditor .simditor-body h3 {
  font-size: 20px;
}
.task-main-container .editor-style h4,
.task-main-container .simditor .simditor-body h4 {
  font-size: 18px;
}
.task-main-container .editor-style h5,
.task-main-container .editor-style h6,
.task-main-container .simditor .simditor-body h5,
.task-main-container .simditor .simditor-body h6 {
  font-size: 16px;
}
.task-main-container .editor-style div,
.task-main-container .editor-style p,
.task-main-container .simditor .simditor-body div,
.task-main-container .simditor .simditor-body p {
  margin: 0 0 15px;
  color: #333;
  word-wrap: break-word;
}
.task-main-container .editor-style p,
.task-main-container .simditor .simditor-body p {
  margin-bottom: 0;
}
.task-main-container .editor-style b,
.task-main-container .editor-style strong,
.task-main-container .simditor .simditor-body b,
.task-main-container .simditor .simditor-body strong {
  font-weight: 700;
}
.task-main-container .editor-style em,
.task-main-container .editor-style i,
.task-main-container .simditor .simditor-body em,
.task-main-container .simditor .simditor-body i {
  font-style: italic;
}
.task-main-container .editor-style u,
.task-main-container .simditor .simditor-body u {
  text-decoration: underline;
}
.task-main-container .editor-style del,
.task-main-container .editor-style strike,
.task-main-container .simditor .simditor-body del,
.task-main-container .simditor .simditor-body strike {
  text-decoration: line-through;
}
.task-main-container .editor-style ol,
.task-main-container .editor-style ul,
.task-main-container .simditor .simditor-body ol,
.task-main-container .simditor .simditor-body ul {
  list-style: disc outside none;
  margin: 15px 0;
  padding: 0 0 0 40px;
  line-height: 1.6;
}
.task-main-container .editor-style ol ol,
.task-main-container .editor-style ol ul,
.task-main-container .editor-style ul ol,
.task-main-container .editor-style ul ul,
.task-main-container .simditor .simditor-body ol ol,
.task-main-container .simditor .simditor-body ol ul,
.task-main-container .simditor .simditor-body ul ol,
.task-main-container .simditor .simditor-body ul ul {
  padding-left: 30px;
}
.task-main-container .editor-style ol ul,
.task-main-container .editor-style ul ul,
.task-main-container .simditor .simditor-body ol ul,
.task-main-container .simditor .simditor-body ul ul {
  list-style: circle outside none;
}
.task-main-container .editor-style ol ul ul,
.task-main-container .editor-style ul ul ul,
.task-main-container .simditor .simditor-body ol ul ul,
.task-main-container .simditor .simditor-body ul ul ul {
  list-style: square outside none;
}
.task-main-container .editor-style ul li,
.task-main-container .simditor .simditor-body ul li {
  list-style-type: disc;
}
.task-main-container .editor-style ol,
.task-main-container .editor-style ol li,
.task-main-container .simditor .simditor-body ol,
.task-main-container .simditor .simditor-body ol li {
  list-style: decimal;
}
.task-main-container .editor-style blockquote,
.task-main-container .simditor .simditor-body blockquote {
  border-left: 6px solid #ddd;
  padding: 5px 0 5px 10px;
  margin: 15px 0 15px 15px;
}
.task-main-container .editor-style blockquote > :first-child,
.task-main-container .simditor .simditor-body blockquote > :first-child {
  margin-top: 0;
}
.task-main-container .editor-style code,
.task-main-container .simditor .simditor-body code {
  display: inline-block;
  padding: 0 4px;
  margin: 0 5px;
  background: #eee;
  border-radius: 3px;
  font-size: 13px;
  font-family: monaco, Consolas, Liberation Mono, Courier, monospace;
}
.task-main-container .editor-style pre,
.task-main-container .simditor .simditor-body pre {
  padding: 10px 5px 10px 10px;
  margin: 15px 0;
  display: block;
  line-height: 18px;
  background: #f0f0f0;
  border-radius: 3px;
  font-size: 13px;
  font-family: monaco, Consolas, Liberation Mono, Courier, monospace;
  white-space: pre;
  word-wrap: normal;
  overflow-x: auto;
}
.task-main-container .editor-style pre code,
.task-main-container .simditor .simditor-body pre code {
  display: block;
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 0;
}
.task-main-container .editor-style hr,
.task-main-container .simditor .simditor-body hr {
  display: block;
  height: 0;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 15px 0;
  padding: 0;
}
.task-main-container .editor-style table,
.task-main-container .simditor .simditor-body table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 15px 0;
}
.task-main-container .editor-style table thead,
.task-main-container .simditor .simditor-body table thead {
  background-color: #f9f9f9;
}
.task-main-container .editor-style table td,
.task-main-container .editor-style table th,
.task-main-container .simditor .simditor-body table td,
.task-main-container .simditor .simditor-body table th {
  min-width: 40px;
  height: 30px;
  border: 1px solid #ccc;
  vertical-align: top;
  padding: 2px 4px;
  text-align: left;
  box-sizing: border-box;
}
.task-main-container .editor-style table td.active,
.task-main-container .editor-style table th.active,
.task-main-container .simditor .simditor-body table td.active,
.task-main-container .simditor .simditor-body table th.active {
  background-color: #ffe;
}
.task-main-container .editor-style img,
.task-main-container .simditor .simditor-body img {
  margin: 0;
  vertical-align: middle;
  max-width: 100%;
  resize: none;
  height: auto;
}
.task-main-container .simditor-mention-popover {
  display: none;
  position: absolute;
  z-index: 999;
  border: 1px solid #ccc;
  padding: 0;
  background: #fff;
}
.task-main-container .simditor-mention-popover .items {
  max-height: 270px;
  margin: 5px 0;
  overflow: hidden;
  position: relative;
}
.task-main-container .simditor-mention-popover .items .item {
  display: block;
  padding: 5px 10px;
  min-width: 100px;
  line-height: 20px;
  color: #333;
  font-size: 14px;
}
.task-main-container .simditor-mention-popover .items .item:after,
.task-main-container .simditor-mention-popover .items .item:before {
  display: table;
  content: "";
}
.task-main-container .simditor-mention-popover .items .item:after {
  clear: both;
  height: 0;
  visibility: hidden;
}
.task-main-container .simditor-mention-popover .items .item span {
  float: left;
  display: block;
  max-width: 160px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .simditor-mention-popover .items .item.selected {
  background: #4298ba;
  color: #fff;
}
.task-main-container .alertify .ajs-dimmer {
  margin: 0;
  background-color: #252525;
  opacity: 0.5;
}
.task-main-container .alertify .ajs-dimmer,
.task-main-container .alertify .ajs-modal {
  position: fixed;
  z-index: 1981;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
}
.task-main-container .alertify .ajs-modal {
  overflow-y: auto;
}
.task-main-container .alertify .ajs-dialog {
  position: relative;
  margin: 5% auto;
  min-height: 110px;
  max-width: 400px;
  padding: 24px 24px 0;
  outline: 0;
  background-color: #fff;
}
.task-main-container .alertify .ajs-dialog.ajs-capture:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: 1;
}
.task-main-container .alertify .ajs-reset {
  position: absolute!important;
  display: inline!important;
  width: 0!important;
  height: 0!important;
  opacity: 0 !important;
}
.task-main-container .alertify .ajs-commands {
  position: absolute;
  right: 4px;
  margin: -14px 24px 0 0;
  z-index: 2;
}
.task-main-container .alertify .ajs-commands button {
  display: none;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  padding: 10px;
  border: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
}
.task-main-container .alertify .ajs-commands button.ajs-maximize {
  background-image: url();
}
.task-main-container .alertify .ajs-header {
  margin: -24px;
  margin-bottom: 0;
  padding: 16px 24px;
  background-color: #fff;
}
.task-main-container .alertify .ajs-body {
  min-height: 56px;
}
.task-main-container .alertify .ajs-body .ajs-content {
  padding: 16px 24px 16px 16px;
}
.task-main-container .alertify .ajs-footer {
  padding: 4px;
  margin-left: -24px;
  margin-right: -24px;
  min-height: 43px;
  background-color: #fff;
}
.task-main-container .alertify .ajs-footer .ajs-buttons.ajs-primary {
  text-align: right;
}
.task-main-container .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
  margin: 4px;
}
.task-main-container .alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
  float: left;
  clear: none;
  text-align: left;
}
.task-main-container .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
  margin: 4px;
}
.task-main-container .alertify .ajs-footer .ajs-buttons .ajs-button {
  min-width: 60px;
  min-height: 30px;
}
.task-main-container .alertify .ajs-handle {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-image: url();
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  cursor: se-resize;
}
.task-main-container .alertify.ajs-no-overflow .ajs-body .ajs-content {
  overflow: hidden !important;
}
.task-main-container .alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
  left: 0;
  right: 0;
  padding: 0;
}
.task-main-container .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
  margin-left: -24px;
  margin-right: -24px;
}
.task-main-container .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
  padding: 0;
}
.task-main-container .alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
  left: 0;
  right: 0;
}
.task-main-container .alertify.ajs-closable .ajs-commands button.ajs-close,
.task-main-container .alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.task-main-container .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
  display: inline-block;
}
.task-main-container .alertify.ajs-maximized .ajs-dialog {
  width: 100%!important;
  height: 100%!important;
  max-width: none!important;
  margin: 0 auto!important;
  top: 0!important;
  left: 0 !important;
}
.task-main-container .alertify.ajs-maximized.ajs-modeless .ajs-modal {
  position: fixed!important;
  min-height: 100%!important;
  max-height: none!important;
  margin: 0 !important;
}
.task-main-container .alertify.ajs-maximized .ajs-commands button.ajs-maximize {
  background-image: url();
}
.task-main-container .alertify.ajs-maximized .ajs-dialog,
.task-main-container .alertify.ajs-resizable .ajs-dialog {
  padding: 0;
}
.task-main-container .alertify.ajs-maximized .ajs-commands,
.task-main-container .alertify.ajs-resizable .ajs-commands {
  margin: 14px 24px 0 0;
}
.task-main-container .alertify.ajs-maximized .ajs-header,
.task-main-container .alertify.ajs-resizable .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 16px 24px;
}
.task-main-container .alertify.ajs-maximized .ajs-body,
.task-main-container .alertify.ajs-resizable .ajs-body {
  min-height: 224px;
  display: inline-block;
}
.task-main-container .alertify.ajs-maximized .ajs-body .ajs-content,
.task-main-container .alertify.ajs-resizable .ajs-body .ajs-content {
  position: absolute;
  top: 50px;
  right: 24px;
  bottom: 50px;
  left: 24px;
  overflow: auto;
}
.task-main-container .alertify.ajs-maximized .ajs-footer,
.task-main-container .alertify.ajs-resizable .ajs-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.task-main-container .alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
  min-width: 548px;
}
.task-main-container .alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
  display: block;
}
.task-main-container .alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
  cursor: move;
}
.task-main-container .alertify.ajs-modeless .ajs-dimmer,
.task-main-container .alertify.ajs-modeless .ajs-reset {
  display: none;
}
.task-main-container .alertify.ajs-modeless .ajs-modal {
  overflow: visible;
  max-width: none;
  max-height: 0;
}
.task-main-container .alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
  display: inline-block;
  background-image: url();
}
.task-main-container .alertify.ajs-modeless.ajs-unpinned .ajs-modal {
  position: absolute;
}
.task-main-container .alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
  background-image: url();
}
.task-main-container .alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
  max-height: 500px;
  overflow: auto;
}
.task-main-container .alertify.ajs-basic .ajs-header {
  opacity: 0;
}
.task-main-container .alertify.ajs-basic .ajs-footer {
  visibility: hidden;
}
.task-main-container .alertify.ajs-frameless .ajs-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  min-height: 60px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 1;
}
.task-main-container .alertify.ajs-frameless .ajs-footer {
  display: none;
}
.task-main-container .alertify.ajs-frameless .ajs-body .ajs-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.task-main-container .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
  padding-top: 0;
}
.task-main-container .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
  margin-top: 0;
}
.task-main-container .ajs-no-overflow {
  overflow: hidden!important;
  outline: none;
}
.task-main-container .ajs-no-selection,
.task-main-container .ajs-no-selection * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media screen and (max-width: 568px) {
  .task-main-container .alertify .ajs-dialog {
    min-width: 150px;
  }
  .task-main-container .alertify:not(.ajs-maximized) .ajs-modal {
    padding: 0 5%;
  }
  .task-main-container .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
    min-width: 0;
    min-width: auto;
  }
}
@-moz-document url-prefix() {
  .task-main-container .alertify button:focus {
    outline: 1px dotted #3593d2;
  }
}
.task-main-container .alertify .ajs-dimmer,
.task-main-container .alertify .ajs-modal {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-duration: .25s;
  transition-duration: 0.25s;
}
.task-main-container .alertify.ajs-hidden .ajs-dimmer,
.task-main-container .alertify.ajs-hidden .ajs-modal {
  visibility: hidden;
  opacity: 0;
}
.task-main-container .alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-duration: .5s;
  animation-duration: 0.5s;
}
.task-main-container .alertify.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-duration: .25s;
  animation-duration: 0.25s;
}
.task-main-container .alertify .ajs-dialog.ajs-shake {
  -webkit-animation-name: ajs-shake;
  animation-name: ajs-shake;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes ajs-shake {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes ajs-shake {
  0%,
  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.task-main-container .alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-slideIn;
  animation-name: ajs-slideIn;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.task-main-container .alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-slideOut;
  animation-name: ajs-slideOut;
  -webkit-animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  animation-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.task-main-container .alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-zoomIn;
  animation-name: ajs-zoomIn;
}
.task-main-container .alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-zoomOut;
  animation-name: ajs-zoomOut;
}
.task-main-container .alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-fadeIn;
  animation-name: ajs-fadeIn;
}
.task-main-container .alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-fadeOut;
  animation-name: ajs-fadeOut;
}
.task-main-container .alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-pulseIn;
  animation-name: ajs-pulseIn;
}
.task-main-container .alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-pulseOut;
  animation-name: ajs-pulseOut;
}
.task-main-container .alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInX;
  animation-name: ajs-flipInX;
}
.task-main-container .alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutX;
  animation-name: ajs-flipOutX;
}
.task-main-container .alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
  -webkit-animation-name: ajs-flipInY;
  animation-name: ajs-flipInY;
}
.task-main-container .alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
  -webkit-animation-name: ajs-flipOutY;
  animation-name: ajs-flipOutY;
}
@-webkit-keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes ajs-pulseIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes ajs-pulseOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@keyframes ajs-zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
  to {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
@-webkit-keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
}
@keyframes ajs-zoomOut {
  0% {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.25, 0.25, 0.25);
    transform: scale3d(0.25, 0.25, 0.25);
  }
}
@-webkit-keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes ajs-fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes ajs-fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes ajs-flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes ajs-flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-20deg);
    transform: perspective(400px) rotateY(-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(-5deg);
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@keyframes ajs-flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotateY(-15deg);
    transform: perspective(400px) rotateY(-15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
@-webkit-keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  to {
    margin-top: 5%;
  }
}
@keyframes ajs-slideIn {
  0% {
    margin-top: -100%;
  }
  to {
    margin-top: 5%;
  }
}
@-webkit-keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  to {
    margin-top: -100%;
  }
}
@keyframes ajs-slideOut {
  0% {
    margin-top: 5%;
  }
  to {
    margin-top: -100%;
  }
}
.task-main-container .alertify-notifier {
  position: fixed;
  width: 0;
  overflow: visible;
  z-index: 1982;
}
.task-main-container .alertify-notifier,
.task-main-container .alertify-notifier .ajs-message {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.task-main-container .alertify-notifier .ajs-message {
  position: relative;
  width: 260px;
  max-height: 0;
  padding: 0;
  opacity: 0;
  margin: 0;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.task-main-container .alertify-notifier .ajs-message.ajs-visible {
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  opacity: 1;
  max-height: 100%;
  margin: 10px;
}
.task-main-container .alertify-notifier.ajs-top {
  top: 10px;
}
.task-main-container .alertify-notifier.ajs-bottom {
  bottom: 40px;
}
.task-main-container .alertify-notifier.ajs-right {
  right: 0;
}
.task-main-container .alertify-notifier.ajs-right .ajs-message {
  right: -320px;
}
.task-main-container .alertify-notifier.ajs-right .ajs-message.ajs-visible {
  right: 290px;
}
.task-main-container .alertify-notifier.ajs-left {
  left: 10px;
}
.task-main-container .alertify-notifier.ajs-left .ajs-message {
  left: -300px;
}
.task-main-container .alertify-notifier.ajs-left .ajs-message.ajs-visible {
  left: 0;
}
.task-main-container .alertify .ajs-dialog {
  background-color: #fff;
  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.25);
  border-radius: 2px;
}
.task-main-container .alertify .ajs-header {
  color: #000;
  font-weight: 700;
  background: #fafafa;
  border-bottom: 1px solid #eee;
  border-radius: 2px 2px 0 0;
}
.task-main-container .alertify .ajs-body {
  color: #000;
}
.task-main-container .alertify .ajs-body .ajs-content .ajs-input {
  display: block;
  width: 100%;
  padding: 8px;
  margin: 4px;
  border-radius: 2px;
  border: 1px solid #ccc;
}
.task-main-container .alertify .ajs-body .ajs-content p {
  margin: 0;
}
.task-main-container .alertify .ajs-footer {
  background: #fbfbfb;
  border-top: 1px solid #eee;
  border-radius: 0 0 2px 2px;
}
.task-main-container .alertify .ajs-footer .ajs-buttons .ajs-button {
  background-color: transparent;
  color: #000;
  border: 0;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.task-main-container .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  color: #3593d2;
}
.task-main-container .alertify .ajs-dimmer {
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 1;
}
.task-main-container .alertify .ajs-dialog {
  max-width: 50%;
  min-height: 137px;
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  box-shadow: none;
  border-radius: 5px;
}
.task-main-container .alertify .ajs-header {
  padding: 1.5rem 2rem;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  color: #555;
  background-color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.6em;
  font-weight: 700;
}
.task-main-container .alertify .ajs-body {
  font-family: Roboto, sans-serif;
  color: #555;
}
.task-main-container .alertify .ajs-body .ajs-content .ajs-input {
  width: 100%;
  margin: 0;
  padding: .65em 1em;
  font-size: 1em;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  outline: 0;
  color: rgba(0, 0, 0, 0.7);
  border-radius: .3125em;
  -webkit-transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
  box-sizing: border-box;
}
.task-main-container .alertify .ajs-body .ajs-content .ajs-input:active {
  border-color: rgba(0, 0, 0, 0.3);
  background-color: #fafafa;
}
.task-main-container .alertify .ajs-body .ajs-content .ajs-input:focus {
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.85);
}
.task-main-container .alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,
.task-main-container .alertify.ajs-resizable .ajs-content {
  top: 64px;
  bottom: 74px;
}
.task-main-container .alertify .ajs-footer {
  background-color: #fff;
  padding: 1rem 2rem;
  border-top: none;
  border-radius: 0 0 5px 5px;
}
.task-main-container .alertify .ajs-dimmer {
  background-color: #000;
  opacity: 0.5;
}
.task-main-container .alertify .ajs-dialog {
  padding: 0 0 44px;
  max-width: 400px;
  min-height: 140px;
  background-color: #fff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
}
.task-main-container .alertify .ajs-dialog .ajs-commands {
  right: 5px;
  top: 5px;
  margin: 0;
}
.task-main-container .alertify .ajs-dialog .ajs-commands button.ajs-close {
  padding: 0;
  background: none;
  margin-right: 5px;
  height: 20px;
}
.task-main-container .alertify .ajs-dialog .ajs-commands button.ajs-close:after {
  content: 'X';
  color: #fff;
  font-size: 14px;
}
.task-main-container .alertify .ajs-dialog .ajs-header {
  background: #0096f6;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  border-radius: 3px 3px 0 0;
  padding: 0 18px;
  height: 36px;
  line-height: 36px;
  margin: 0;
}
.task-main-container .alertify .ajs-dialog .ajs-body {
  color: #000;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.36);
  text-align: left;
}
.task-main-container .alertify .ajs-dialog .ajs-footer {
  background: none;
  padding: 0;
  border-radius: 0 0 3px 3px;
  margin: 0;
  height: 44px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons {
  height: 44px;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button {
  margin: 0 9px 0 0;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  line-height: 30px;
  font-size: 12px;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  background: #0096f6;
  color: #fff;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
  background: #0082d6;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-ok:active {
  background: #0073b6;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
  border: 1px solid rgba(0, 0, 0, 0.09);
  color: rgba(0, 0, 0, 0.36);
  font-weight: 400;
  background: #fff;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
  background: #f4f4f4;
}
.task-main-container .alertify .ajs-dialog .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:active {
  background: #e8e8e8;
}
.task-main-container .alertify.ajs-maximized:not(.ajs-resizable) .ajs-content,
.task-main-container .alertify.ajs-resizable .ajs-content {
  top: 58px;
  bottom: 68px;
}
.task-main-container .alertify-notifier .ajs-message {
  border-radius: 3px;
  width: 240px;
  line-height: 2;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.86);
  text-shadow: none;
  background: rgba(6, 136, 221, 0.87);
  padding: 6px;
  text-align: center;
}
.task-main-container .alertify-notifier .ajs-message.ajs-error {
  background: rgba(253, 126, 129, 0.87);
}
.task-main-container .alertify-notifier .ajs-message.ajs-success {
  background: rgba(59, 196, 78, 0.87);
}
.task-main-container .alertify-notifier .ajs-message.ajs-warning {
  background: rgba(71, 67, 60, 0.87);
}
.task-main-container .taskDescription {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.task-main-container .taskDescription.has-no-note-control .more-info .file-list .operate .more {
  display: none !important;
}
.task-main-container .taskDescription .descHeader {
  margin: 10px 0;
  width: 60%;
  overflow: hidden;
  line-height: 25px;
}
.task-main-container .taskDescription .descHeader > i {
  margin-right: 15px;
  color: #75818d;
  line-height: 23px;
  font-size: 20px;
  margin-left: 15px;
}
.task-main-container .taskDescription .descHeader i,
.task-main-container .taskDescription .descHeader span {
  float: left;
}
.task-main-container .taskDescription .descHeader i + span {
  width: 60%;
  color: #626263;
  line-height: 27px;
}
.task-main-container .taskDescription .detail {
  border-top: 2px solid rgba(0, 0, 0, 0.03);
  color: #606060;
  padding: 10px 20px 20px;
  min-height: 70px;
  outline: none;
  color: #333;
  font-size: 13px;
}
.task-main-container .taskDescription .simditor {
  border: none;
}
.task-main-container .taskDescription .simditor .simditor-toolbar {
  height: 45px;
  padding: 10px 15px;
  line-height: 25px;
  width: auto;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > i.icon-description + span {
  line-height: 26px;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > ul {
  float: right;
  font-size: 0;
  display: none;
  margin-top: 2px;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > ul > li .toolbar-item {
  width: 25px;
  height: 25px;
  font-size: 12px;
  vertical-align: top;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > ul > li .toolbar-item span.simditor-icon {
  position: relative;
  top: -4px;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > ul > li .toolbar-item.custom-item {
  font-size: 19px !important;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > ul > li .toolbar-item.toolbar-item-upload .icon-attachment:before {
  position: relative;
  top: -4px;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > ul > li .toolbar-item.toolbar-item-upload .icon-attachment > input {
  padding-top: 25px !important;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > i {
  margin-right: 15px;
  color: #75818d;
  line-height: 23px;
  font-size: 20px;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > i,
.task-main-container .taskDescription .simditor .simditor-toolbar > span {
  float: left;
}
.task-main-container .taskDescription .simditor .simditor-toolbar > span {
  color: #626263;
  line-height: 24px;
}
.task-main-container .taskDescription .simditor .more-option .toolbar-menu,
.task-main-container .taskDescription .simditor .simditor-toolbar .toolbar-menu {
  top: 25px;
}
.task-main-container .taskDescription .simditor .more-option .toolbar-menu:before,
.task-main-container .taskDescription .simditor .simditor-toolbar .toolbar-menu:before {
  width: 25px;
}
.task-main-container .taskDescription .simditor .simditor-body {
  padding-top: 0;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 20px;
  min-height: 145px;
}
.task-main-container .taskDescription .simditor .simditor-body img {
  margin: 0!important;
  resize: none;
  max-width: 100%!important;
  height: auto !important;
}
.task-main-container .taskDescription.rui-task-description-focus .simditor .simditor-toolbar > ul {
  display: block;
}
.task-main-container .taskDescription .more-info .file-list,
.task-main-container .taskDescription .more-info .file-upload-list {
  padding: 0 10px;
}
.task-main-container .mainContent .childTask {
  overflow: auto;
  background: #fff;
}
.task-main-container .mainContent .childTask li {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.task-main-container .mainContent .childTask li.isDropping {
  background: #f6f7fb;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.task-main-container .mainContent .childTask li.isDropping input {
  background: #f6f7fb;
}
.task-main-container .mainContent .childTask li input {
  border: 0;
  display: inline-block;
  vertical-align: top;
  width: 40%;
  color: #606060;
  background-color: transparent;
  box-sizing: content-box;
  line-height: 2.8125rem;
}
.task-main-container .mainContent .childTask li span + img {
  margin-left: 5px;
  cursor: pointer;
}
.task-main-container .mainContent .childTask li img {
  width: 24px;
  height: 24px;
}
.task-main-container .mainContent .childTask li div.check {
  line-height: 53px;
  float: left;
}
.task-main-container .mainContent .childTask li div.check + input {
  width: calc(-122%);
}
.task-main-container .mainContent .childTask li .check,
.task-main-container .mainContent .childTask li .icon-format_list_bulleted {
  margin: 0 15px;
}
.task-main-container .mainContent .childTask li .check .checked .check {
  top: -19px;
  left: -13px;
}
.task-main-container .mainContent .childTask li .checkTail {
  top: -5px;
  left: 11px;
  background: #fff;
}
.task-main-container .mainContent .childTask li > span,
.task-main-container .mainContent .childTask li i {
  font-size: 20px;
  line-height: 41px;
}
.task-main-container .mainContent .childTask li .operate {
  float: right;
  margin-right: 15px;
}
.task-main-container .mainContent .childTask li .operate i,
.task-main-container .mainContent .childTask li .operate span.setDate {
  vertical-align: middle;
  margin-right: 9px;
  cursor: pointer;
  font-size: 24px;
}
.task-main-container .mainContent .childTask li .operate .showTime {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 120px;
  display: inline-block;
  vertical-align: top;
  text-align: right;
}
.task-main-container .mainContent .childTask li .operate > div {
  display: inline-block;
}
.task-main-container .mainContent .childTask li .operate > div span.type-caption {
  color: #606060;
}
.task-main-container .mainContent .childTask li .operate .icon-person {
  margin: 0 0 0 6px;
}
.task-main-container .mainContent .childTask li .operate img {
  border-radius: 2px;
  margin-left: 6px;
  cursor: pointer;
}
.task-main-container .mainContent .childTask li .operate span.setDate {
  font-size: 20px;
  line-height: 41px;
  margin-right: 0;
}
.task-main-container .mainContent .childTask li .operate span {
  cursor: pointer;
}
.task-main-container .mainContent .childTask .addChildTask i,
.task-main-container .mainContent .childTask .addChildTask span {
  float: left;
}
.task-main-container .mainContent .childTask .addChildTask input {
  width: calc(35%);
}
.task-main-container .mainContent .childTask .addChildTask i {
  color: #75818d;
}
.task-main-container .taskDetail-warp-x div.comment {
  position: relative;
  background: inherit;
  border-radius: 2px;
  width: calc(98%);
  margin: 0 auto;
  min-height: 64px;
  padding: 15px 25px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area {
  background: #fff;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple {
  height: 36px;
  width: 100%;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
  padding: 6px 0;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple li {
  height: 23px;
  float: left;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple li i {
  font-size: .75rem;
  color: #666;
  font-size: 24px;
  z-index: 1;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  color: #999;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple li span {
  font-size: .75rem;
  color: #666;
  color: #999;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple li:first-child {
  width: 41px;
  border-right: 2px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple li:first-child i {
  margin-left: 9px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple .second {
  width: calc(23%);
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple .second span {
  margin-left: 15px;
  line-height: 27px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .simple li:last-child {
  width: 36px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi {
  display: none;
  border-radius: 2px;
  padding: 15px 9px 7px 18px;
  position: relative;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .editBox {
  height: 70px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 10px;
  line-height: 25px;
  color: #606060;
  color: #333;
  font-size: 13px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .editBox:empty {
  padding-top: 5px;
  line-height: 13px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .editBox .replySomeBody {
  background: none;
  border: none;
  line-height: normal;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .file-upload {
  margin-bottom: 20px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom {
  height: 29px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool {
  height: 100%;
  float: left;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li {
  float: left;
  width: 48px;
  text-align: left;
  line-height: 25px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:nth-child(2) {
  width: 38px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:nth-child(3) {
  margin-top: -1px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li i {
  font-size: .75rem;
  color: #a3a3a3;
  cursor: pointer;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li .uploadIcon {
  font-size: 26px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li .at {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li .emoji {
  font-size: 22px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li i:hover {
  color: rgba(0, 0, 0, 0.54);
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:first-child {
  line-height: 38px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .tool li:last-child {
  line-height: 40px;
}
.task-main-container .taskDetail-warp-x div.comment .edit-area .multi .bottom .operate {
  float: right;
}
.task-main-container .taskDetail-warp-x .comment.bottomComment {
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  z-index: 1;
  width: 540px;
  background: #eef1f4;
  border: 1px solid #e2e2e2;
}
.task-main-container .taskDetail-warp-x .comment-switch {
  position: absolute;
  top: -50px;
  left: 55%;
  height: 50px;
  right: 0;
  padding: 0 25px;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment {
  display: none;
  float: right;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #fff;
  height: 29px;
  margin-top: 10px;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment .check {
  float: none;
  top: -3px;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment .checkTail {
  background: #b1b1b1;
  top: -1px;
  left: 12px;
  width: 5px;
  height: 6px;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment .diyCheckbox .blank {
  line-height: 26px;
  display: inline-block;
  vertical-align: sub;
  color: #fff;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment .diyCheckbox .check {
  color: #fff;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment > span {
  padding: 7px 9px 5px;
  line-height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.task-main-container .taskDetail-warp-x .comment-switch .fileOrComment span + span {
  border-left: 1px solid #fff;
}
.task-main-container .taskDetail-warp-x .comment-switch:hover .fileOrComment {
  display: block;
}
.task-main-container .comment .bottom .file-item {
  margin-top: 12px;
  width: 100%;
  height: 48px;
  padding: 5px 15px 6px 8px;
  background: #f6f7fb;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 2px;
}
.task-main-container .comment .bottom .file-item .file-warp {
  width: 100%;
  height: 100%;
  background: inherit;
}
.task-main-container .comment .bottom .file-item .file-warp li {
  float: left;
  height: 100%;
}
.task-main-container .comment .bottom .file-item .file-warp .file-img {
  width: 28px;
  height: 36px;
  position: relative;
  overflow: hidden;
}
.task-main-container .comment .bottom .file-item .file-warp .file-img img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container .comment .bottom .file-item .file-warp .hand {
  cursor: pointer;
}
.task-main-container .comment .bottom .file-item .file-warp .file-content {
  width: calc(-68%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 36px;
}
.task-main-container .comment .bottom .file-item .file-warp .file-content span {
  margin-left: 12px;
  color: #333;
}
.task-main-container .comment .bottom .file-item .file-warp .operate {
  width: 140px;
  line-height: 36px;
}
.task-main-container .comment .bottom .file-item .file-warp .operate .file-size {
  font-size: .75rem;
  color: #666;
  color: #cacaca;
  float: left;
}
.task-main-container .comment .bottom .file-item .file-warp .operate .link {
  color: #0096f6;
  float: right;
  cursor: pointer;
}
.task-main-container .comment .bottom .file-item .file-warp .operate .link:hover {
  color: #0083d7;
}
.task-main-container .comment .bottom .file-item .file-warp .operate .download + .preview {
  margin-right: 10px;
}
.task-main-container .comment .bottom .file-item:first-child {
  margin-top: 8px;
}
.task-main-container .trends {
  margin: 9px 0 0;
  position: relative;
  min-height: 350px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .trends .trendsHeader {
  height: 48px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.03);
}
.task-main-container .trends .trendsHeader i,
.task-main-container .trends .trendsHeader span {
  line-height: 45px;
  display: inline-block;
}
.task-main-container .trends .trendsHeader span {
  vertical-align: top;
  color: #626263;
}
.task-main-container .trends .trendsHeader .icon-layers {
  font-size: 20px;
  color: #75818d;
  margin: 0 15px;
  margin-right: 11px;
}
.task-main-container .trends .trendsHeader .icon-layers + span {
  line-height: 50px;
}
.task-main-container .trends .trendsHeader .subscribe {
  float: right;
  margin-right: 15px;
}
.task-main-container .trends .trendsHeader .subscribe i {
  font-size: 20px;
}
.task-main-container .trends .trendsHeader .toggle-op-records {
  float: right;
  line-height: 50px;
  cursor: pointer;
  margin-right: 19px;
  overflow: hidden;
}
.task-main-container .trends .comments {
  min-height: 300px;
  width: 100%;
  padding: 0 15px;
}
.task-main-container .trends .comments .ea {
  font-size: .75rem;
  color: #666;
  color: #0083d7;
  margin-top: 20px;
  cursor: pointer;
  display: none;
}
.task-main-container .trends .comments .noneDynamicTip {
  font-size: 12px;
  color: #777;
  line-height: 145px;
  text-align: center;
  padding-top: 2px;
}
.task-main-container .trends .comments .comments-container {
  width: 100%;
  min-height: 300px;
  padding: 7px 0 20px;
}
.task-main-container .trends .comments .comments-container.only-show-comments .comment-item.action {
  display: none!important;
  opacity: 0;
}
.task-main-container .trends .comments .comments-container .comment-item {
  width: 100%;
  min-height: 20px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  opacity: 1;
}
.task-main-container .trends .comments .comments-container .comment-item.edit-not-allowed:hover .top .operate {
  display: none !important;
}
.task-main-container .trends .comments .comments-container .comment-item.edit-not-allowed:hover .top .date {
  display: block !important;
}
.task-main-container .trends .comments .comments-container .comment-item.comment .star {
  display: inline;
  opacity: 1;
}
.task-main-container .trends .comments .comments-container .comment-item .star {
  display: none;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 18px;
  cursor: pointer;
  vertical-align: sub;
  margin-left: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.task-main-container .trends .comments .comments-container .comment-item .star.icon-star_outline {
  color: #fec029;
  visibility: hidden;
  opacity: 0;
}
.task-main-container .trends .comments .comments-container .comment-item .star.icon-star_outline:hover {
  color: #fea129;
}
.task-main-container .trends .comments .comments-container .comment-item:hover .star.icon-star_outline {
  visibility: visible;
  opacity: 1;
}
.task-main-container .trends .comments .comments-container .comment-item .star.icon-star {
  color: #fec029;
}
.task-main-container .trends .comments .comments-container .comment-item .star.icon-star:hover {
  color: #fea129;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul {
  height: 100%;
  margin-top: 11px;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul > li {
  height: 100%;
  float: left;
  font-size: .75rem;
  color: #666;
  color: #999;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .child {
  margin-left: 33px;
  width: calc(67%);
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .child > ul .child-item {
  margin-top: 9px;
  list-style-type: disc;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  list-style-position: inside;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .icon {
  width: 30px;
  text-align: left;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .icon i {
  font-size: 17px;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .content {
  width: calc(-10%);
  text-align: left;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .date {
  width: 80px;
  text-align: right;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .description {
  width: calc(70%);
  background: #f6f7fb;
  border-radius: 2px;
  margin-left: 30px;
  padding: 2px 10px;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 25px;
}
.task-main-container .trends .comments .comments-container .comment-item .comment-item-ul .detail {
  white-space: normal;
  text-overflow: clip;
  height: auto;
}
.task-main-container .trends .comments .comments-container .action {
  width: calc(92%);
  margin-left: 8px;
}
.task-main-container .trends .comments .comments-container .comment {
  margin-top: 28px;
  width: 100%;
}
.task-main-container .trends .comments .comments-container .comment .left {
  width: 52px;
  float: left;
  zoom: 1;
}
.task-main-container .trends .comments .comments-container .comment .left img {
  border-radius: 2px;
  width: 32px;
  height: 32px;
}
.task-main-container .trends .comments .comments-container .comment .right {
  width: calc(48%);
  float: left;
  border: none;
}
.task-main-container .trends .comments .comments-container .comment .right .top {
  font-size: .75rem;
  color: #666;
  color: #999;
  margin-top: -4px;
}
.task-main-container .trends .comments .comments-container .comment .right .top .date {
  float: right;
}
.task-main-container .trends .comments .comments-container .comment .right .top .operate {
  display: none;
  float: right;
}
.task-main-container .trends .comments .comments-container .comment .right .top .operate .reply {
  cursor: pointer;
}
.task-main-container .trends .comments .comments-container .comment .right .top .operate .delete + .reply {
  margin-right: 20px;
}
.task-main-container .trends .comments .comments-container .comment .right .top .operate .reply:hover {
  font-size: .75rem;
  color: #666;
}
.task-main-container .trends .comments .comments-container .comment .right .top .operate .delete {
  cursor: pointer;
}
.task-main-container .trends .comments .comments-container .comment .right .top .operate .delete:hover {
  font-size: .75rem;
  color: #666;
}
.task-main-container .trends .comments .comments-container .comment .right .bottom {
  margin-top: 5px;
}
.task-main-container .trends .comments .comments-container .comment .right .bottom .content {
  width: 100%;
  line-height: 25px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .trends .comments .comments-container .comment:hover .right .top .date {
  display: none;
}
.task-main-container .trends .comments .comments-container .comment:hover .right .top .operate {
  display: inline;
}
.task-main-container .trends .comments .comments-container .action + .comment {
  margin-top: 18px;
}
.task-main-container .comment .message-tip,
.task-main-container .taskDetail-warp-x .message-tip {
  position: absolute;
  top: -40px;
  left: calc(-30%);
  width: 160px;
  height: 30px;
  border: 2px solid #087db8;
  border-radius: 15px;
  box-sizing: border-box;
  font-size: .75rem;
  color: #666;
}
.task-main-container .comment .message-tip .unread,
.task-main-container .taskDetail-warp-x .message-tip .unread {
  cursor: pointer;
  width: 70%;
  height: 100%;
  float: left;
}
.task-main-container .comment .message-tip .unread ul,
.task-main-container .taskDetail-warp-x .message-tip .unread ul {
  height: 100%;
}
.task-main-container .comment .message-tip .unread ul li,
.task-main-container .taskDetail-warp-x .message-tip .unread ul li {
  float: left;
  height: 100%;
}
.task-main-container .comment .message-tip .unread ul li .arrow-icon,
.task-main-container .taskDetail-warp-x .message-tip .unread ul li .arrow-icon {
  color: #087db8;
  font-size: 19px;
}
.task-main-container .comment .message-tip .unread ul li:first-child,
.task-main-container .taskDetail-warp-x .message-tip .unread ul li:first-child {
  width: 27%;
  text-align: center;
  padding: 2px 0;
}
.task-main-container .comment .message-tip .unread ul li:last-child,
.task-main-container .taskDetail-warp-x .message-tip .unread ul li:last-child {
  width: 73%;
  padding: 3px 0;
}
.task-main-container .comment .message-tip .ignore,
.task-main-container .taskDetail-warp-x .message-tip .ignore {
  border-left: 2px solid #087db8;
  width: calc(28%);
  height: 100%;
  float: right;
  padding: 3px 0 3px 7px;
  cursor: pointer;
}
.task-main-container .taskDetail-warp-x .message-tip {
  top: inherit;
  bottom: 15px;
}
.task-main-container .comment .message-tip {
  top: -40px;
}
.task-main-container .task-operation {
  margin-top: 13px;
  margin-bottom: 20px;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: none;
  border-radius: 3px;
}
.task-main-container .task-operation .toggle {
  float: right;
  margin: 0;
  margin-right: 13px;
}
.task-main-container .task-operation .toggle input:checked + .track .handle {
  -webkit-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}
.task-main-container .task-operation .toggle.edit-auth-toggle input[checked] + .track .handle {
  left: 10px;
}
.task-main-container .task-operation .toggle .track {
  height: 16px;
  width: 27px;
}
.task-main-container .task-operation .toggle .track .handle {
  top: 14px;
  width: 16px;
  height: 16px;
  background: #fff !important;
}
.task-main-container .task-operation .type-disable {
  cursor: default;
}
.task-main-container .task-operation .confirm-popover-btn {
  width: 0;
  height: 0;
  float: none;
}
.task-main-container .task-operation li:empty {
  display: none !important;
}
.task-main-container .task-operation li.inValid-12312321 > span {
  cursor: not-allowed !important;
}
.task-main-container .task-operation li:nth-child(2) i.iconFirst,
.task-main-container .task-operation li:nth-child(2) span.member {
  cursor: default;
}
.task-main-container .task-operation li:nth-child(2) i.icon-add {
  cursor: pointer;
  line-height: 22px;
}
.task-main-container .task-operation li.show-toggle .dropdown-toggle > i,
.task-main-container .task-operation li.show-toggle .dropdown-toggle > span:not(.vip-func-1) {
  cursor: default !important;
}
.task-main-container .task-operation li.inValid,
.task-main-container .task-operation li.inValid .from {
  cursor: default;
}
.task-main-container .task-operation li:nth-child(3) .day {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(-70%);
}
.task-main-container .task-operation li:nth-child(3) .delay:empty {
  display: none;
}
.task-main-container .task-operation > li.disabled i,
.task-main-container .task-operation > li.disabled span,
.task-main-container .task-operation > li.disabled ul {
  cursor: not-allowed !important;
}
.task-main-container .task-operation .memberList {
  float: left;
  max-width: calc(-26%);
  height: 38px;
  overflow: hidden;
  font-size: 0;
}
.task-main-container .task-operation .memberList li {
  display: inline-block;
  position: relative;
}
.task-main-container .task-operation .memberList li img {
  border-radius: 2px;
}
.task-main-container .task-operation .memberList li.head:before {
  font-size: 13px;
  position: absolute;
  top: 24px;
  left: 16px;
  color: #f3b00b;
}
.task-main-container .task-operation li:not(:first-child) i,
.task-main-container .task-operation li:not(:first-child) span {
  cursor: pointer;
}
.task-main-container .task-operation > li {
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .task-operation > li.inValid .caption-tip {
  cursor: default;
}
.task-main-container .task-operation > li .caption-tip {
  color: #999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 380px;
}
.task-main-container .task-operation > li .caption-tip .type-disable {
  cursor: not-allowed !important;
}
.task-main-container .task-operation > li .content {
  max-width: calc(-35%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .task-operation > li .dropdown-toggle {
  float: left;
}
.task-main-container .task-operation > li .dropdown-toggle .iconFirst {
  color: #75818d;
  vertical-align: sub;
  margin-right: 12px;
}
.task-main-container .task-operation > li .dropdown-toggle span.power {
  margin-right: 10px;
}
.task-main-container .task-operation > li .dropdown-menu {
  margin-left: 3px;
}
.task-main-container .task-operation > li > i,
.task-main-container .task-operation > li > span {
  float: left;
}
.task-main-container .task-operation > li > i > i,
.task-main-container .task-operation > li > span > i {
  font-style: normal;
}
.task-main-container .task-operation > li > i {
  color: #75818d;
  line-height: 39px;
}
.task-main-container .task-operation > li > i.icon-notifications,
.task-main-container .task-operation > li > i.icon-notifications ~ span {
  cursor: default;
}
.task-main-container .task-operation > li .toggle {
  cursor: pointer;
}
.task-main-container .task-operation > li i.iconFirst {
  margin: 0 15px;
  font-size: 20px;
}
.task-main-container .task-operation > li i.iconFirst + span {
  margin-right: 14px;
  color: #626263;
}
.task-main-container .task-operation > li i.icon-progress {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: relative;
  top: 50%;
  margin-top: -3px;
}
.task-main-container .task-operation > li .progress:before,
.task-main-container .task-operation > li .progress i {
  position: absolute;
  content: '';
  height: 6px;
  border-radius: 3px;
}
.task-main-container .task-operation > li .progress:before {
  right: 2px;
  width: 8px;
  border: 1px solid #75818d;
}
.task-main-container .task-operation > li .progress i {
  left: 3px;
  width: 11px;
  background: #75818d;
}
.task-main-container .task-operation > li span.progressBar {
  position: relative;
  width: 100px;
  height: 100%;
}
.task-main-container .task-operation > li span.progressBar:before,
.task-main-container .task-operation > li span.progressBar i {
  top: 50%;
  left: 0;
  margin-top: -3px;
}
.task-main-container .task-operation > li span.progressBar:before {
  width: inherit;
}
.task-main-container .task-operation > li span.progressBar + span {
  margin-left: 11px;
  color: #626263;
}
.task-main-container .task-operation > li > ul > li > img,
.task-main-container .task-operation > li i.icon-add {
  width: 24px;
  height: 24px;
  float: left;
  margin-top: 9px;
  margin-right: 6px;
}
.task-main-container .task-operation > li i.icon-add {
  font-size: 24px;
  background: #bbd1dc;
  border-radius: 50%;
  color: #fff;
  line-height: 24px;
}
.task-main-container .task-operation > li i.icon-add:not(.disabled):hover {
  background: rgba(21, 125, 199, 0.5);
}
.task-main-container .task-operation > li .toggleComp {
  overflow: hidden;
}
.task-main-container .task-operation > li span.delay {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.96);
  background: #ff5959;
  border-radius: 2px;
  padding: 2px 7px 1px 9px;
  margin-left: 7px;
  line-height: 17px;
  margin-top: 11px;
}
.task-main-container .task-operation > li .labelTextArea {
  display: block;
  height: 100%;
  margin-right: .3rem;
  float: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem {
  float: left;
  max-width: 10rem;
  overflow: hidden;
  display: block;
  height: 1.25rem;
  line-height: 1.25rem;
  background: #f5f5f5;
  padding: 0 1rem 0 .5rem;
  position: relative;
  margin: 10px 5px 0 0;
  border-radius: 2px;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem span {
  display: block;
  float: left;
  max-width: 8rem;
  overflow: hidden;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 6px;
  top: 7px;
  border-radius: 50%;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='1']:after {
  background: #ed8a8a;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='2']:after {
  background: #6d4e4e;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='3']:after {
  background: #8aed90;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='4']:after {
  background: #8aabed;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='5']:after {
  background: #dedede;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='6']:after {
  background: #766a6a;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='7']:after {
  background: #c38aed;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='8']:after {
  background: #dced8a;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='9']:after {
  background: #edb48a;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='10']:after {
  background: #b5b5b5;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='11']:after {
  background: #ed8ae0;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='12']:after {
  background: #8ab7ed;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='13']:after {
  background: #8aede0;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='14']:after {
  background: #bb2626;
}
.task-main-container .task-operation > li .labelTextArea li.labelItem[data-color='15']:after {
  background: #000;
}
.task-main-container .task-operation > li.notDisplay {
  display: none;
}
.task-main-container .task-operation li:last-child {
  border: none;
}
.task-main-container .task-operation .slide {
  z-index: 2;
  color: rgba(0, 0, 0, 0.36);
  cursor: pointer;
  position: absolute;
  width: 29px;
  height: 28px;
  left: 50%;
  margin-left: -14px;
  bottom: -10px;
  line-height: 28px;
  font-size: 28px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.14);
}
.task-main-container .toggle input:checked + .track {
  background: rgba(26, 164, 255, 0.3) !important;
}
.task-main-container #mainBody .labelTextArea {
  width: 27rem;
}
.task-main-container #mainBody.edge .labelTextArea,
.task-main-container #mainBody.firefox .labelTextArea {
  width: 26.3rem;
}
.task-main-container .task-print-box {
  width: 320px;
  height: 415px;
  padding: 45px 27px 0 36px;
}
.task-main-container .task-print-box .check-list li > div {
  display: inline-block;
  vertical-align: top;
}
.task-main-container .task-print-box .check-list li .checkbox {
  margin-right: 20px;
  background: #fff;
}
.task-main-container .task-print-box .check-list li .checkbox .checkTail {
  top: -4px;
}
.task-main-container .task-print-box .check-list li + li {
  margin-top: 15px;
}
.task-main-container .task-print-box .bottom {
  text-align: right;
}
.task-main-container .task-print-box .bottom span {
  text-align: center;
}
.task-main-container .taskDetail-warp-x.isDialog {
  margin: 0 auto;
  width: 540px;
  padding-top: 20px;
}
.task-main-container .taskDetail-warp-x.isDialog .taskDetail-warp-y {
  height: calc(85%);
  padding-right: 0;
}
.task-main-container .taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail {
  height: 100%;
  position: static;
  -webkit-transform: inherit;
  transform: inherit;
  margin: 0;
}
.task-main-container .taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail .mainContent {
  overflow-y: auto;
  height: calc(55%);
  padding: 15px 0 68px 25px;
}
.task-main-container .taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail .mainContent .contentWrap {
  height: 100%;
  overflow-y: auto;
  padding-right: 20px;
  padding-bottom: 15px;
}
.task-main-container .taskDetail-warp-x {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  padding-right: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  box-sizing: border-box;
  margin: 30px auto 0;
  min-height: 200px;
  background: #f5f7f9;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  width: 540px;
  margin-bottom: 30px;
  padding-bottom: 1px;
  position: absolute;
  left: 50vw;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y .taskDetail .headerContent {
  height: 46px;
  width: 100%;
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y .taskDetail .headerContent .for-repeat {
  margin-top: 10px;
  margin-left: -78px !important;
  width: 189px!important;
  display: none;
  top: 0!important;
  left: 0!important;
  font-size: 12px;
  line-height: 12px;
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y .taskDetail .headerContent .load {
  margin-right: -10px;
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y .taskDetail .mainContent {
  width: 100%;
  padding: 15px 25px 45px;
}
.task-main-container .taskDetail-warp-x .taskDetail-warp-y .taskDetail .mainContent .contentWrap {
  width: 100%;
  min-height: 100px;
  word-wrap: break-word;
  overflow-x: hidden;
}
.task-main-container .taskDetail-warp-x .header-container + .taskDetail-warp-y > .taskDetail {
  margin-top: 30px;
}
.task-main-container .taskDetail-warp-x .header {
  height: 46px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding-right: 22px;
}
.task-main-container .taskDetail-warp-x .header .check {
  float: left;
}
.task-main-container .taskDetail-warp-x .header input {
  height: 100%;
  width: calc(-56%);
  border: 0;
  background: #f2f6fb;
  color: #626263;
  padding-bottom: 2px;
}
.task-main-container .taskDetail-warp-x .header .check {
  margin: 9px 9px 0 21px;
}
.task-main-container .taskDetail-warp-x .header .check .blank {
  font-size: 24px;
  line-height: 24px;
}
.task-main-container .taskDetail-warp-x .header .check .checked .check {
  top: -22px;
  left: -18px;
  font-size: 21px;
}
.task-main-container .taskDetail-warp-x .header .check .checkTail {
  background: #f6f7fb;
  top: -9px;
  left: 14px;
}
.task-main-container .taskDetail-warp-x .header .padding {
  width: 20px;
  height: 20px;
  float: left;
}
.task-main-container .taskDetail-warp-x .header .close,
.task-main-container .taskDetail-warp-x .header .wrap-show-more {
  float: right;
  font-size: 24px;
  color: #75818d;
  cursor: pointer;
  position: relative;
}
.task-main-container .taskDetail-warp-x .header .close {
  margin: 9px 0 0 5px;
}
.task-main-container .taskDetail-warp-x .header .wrap-show-more {
  padding-left: 40px;
}
.task-main-container .taskDetail-warp-x .header .wrap-show-more .dropdown-menu {
  min-width: 100px;
  width: 100px;
}
.task-main-container .taskDetail-warp-x .header .show-more {
  color: #bbc4cc;
  line-height: 43px;
}
.task-main-container .taskDetail-warp-x .header .show-more + ul li {
  font-size: 12px;
  padding-left: 10px;
  padding-right: 90px;
}
.task-main-container .taskDetail-warp-x .header .load {
  display: none;
  margin-top: 10px;
  float: right;
  margin-right: 21px;
  font-size: 21px;
  color: #75818d;
  cursor: default;
}
.task-main-container .taskDetail-warp-x .topHeader {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 540px;
  background: #f2f6fb;
  z-index: 1;
}
.task-main-container .clockBox {
  border-radius: 2px;
  width: 285px;
  height: 360px;
  text-align: center;
  background: #fff;
  overflow: hidden;
}
.task-main-container .clockBox .clockHeader {
  margin: 36px 0 14px;
}
.task-main-container .clockBox .clockHeader .hour,
.task-main-container .clockBox .clockHeader .mini {
  cursor: pointer;
}
.task-main-container .clockBox .clock {
  position: relative;
  width: 200px;
  height: 200px;
  background: #f6f7fb;
  border-radius: 50%;
  font-size: 12px;
  color: #0070af;
  line-height: 18px;
  margin: 0 auto;
}
.task-main-container .clockBox .clock span {
  position: absolute;
  width: 14px;
  height: 18px;
  margin-top: -2px;
  margin-left: -7px;
  z-index: 3;
  cursor: pointer;
}
.task-main-container .clockBox .clock span.selected {
  color: #fff;
}
.task-main-container .clockBox .clock span:nth-child(1) {
  top: 10.75%;
  left: 70%;
}
.task-main-container .clockBox .clock span:nth-child(2) {
  top: 26%;
  left: 86.5%;
}
.task-main-container .clockBox .clock span:nth-child(3) {
  top: 47%;
  left: 92%;
}
.task-main-container .clockBox .clock span:nth-child(4) {
  top: 67.5%;
  left: 86.5%;
}
.task-main-container .clockBox .clock span:nth-child(5) {
  top: 84%;
  left: 72%;
}
.task-main-container .clockBox .clock span:nth-child(6) {
  top: 88.5%;
  left: 50%;
}
.task-main-container .clockBox .clock span:nth-child(7) {
  top: 84%;
  left: 29%;
}
.task-main-container .clockBox .clock span:nth-child(8) {
  top: 67.5%;
  left: 14%;
}
.task-main-container .clockBox .clock span:nth-child(9) {
  top: 47%;
  left: 9%;
}
.task-main-container .clockBox .clock span:nth-child(10) {
  top: 26%;
  left: 14%;
}
.task-main-container .clockBox .clock span:nth-child(11) {
  top: 10.75%;
  left: 29%;
}
.task-main-container .clockBox .clock span:nth-child(12) {
  top: 4.5%;
  left: 51%;
}
.task-main-container .clockBox .clock .circle,
.task-main-container .clockBox .clock .line {
  content: "";
  position: absolute;
  background: #0689dd;
  z-index: 0;
}
.task-main-container .clockBox span.line {
  width: 1px;
  height: 72px;
  top: 14%;
  left: 54%;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.task-main-container .clockBox span.circle {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  top: 5%;
  left: 50%;
  margin-left: -12px;
  margin-top: -7px;
}
.task-main-container .clockBox .clockFooter {
  margin-top: 27px;
}
.task-main-container .setting-container .setContent {
  width: 100%;
}
.task-main-container .setting-container .setContent .viewPermission .wrap {
  padding-left: 45px;
}
.task-main-container .setting-container .setContent .editPermission .wrap {
  padding-left: 49px;
}
.task-main-container .setting-container .setContent .kanbanTemplate .wrap {
  padding-left: 140px;
}
.task-main-container .setting-container .setContent .memberWarp {
  margin-top: 19px;
}
.task-main-container .setting-container .setContent > div {
  line-height: 29px;
}
.task-main-container .setting-container .setContent > div > .wrap {
  cursor: pointer;
}
.task-main-container .setting-container .setContent > div h6 {
  display: inline-block;
  line-height: inherit;
  margin-bottom: 0;
  -webkit-user-select: none;
}
.task-main-container .setting-container .setContent > div > div {
  float: right;
  line-height: inherit;
}
.task-main-container .setting-container .setContent > div > div i {
  margin: 0 7px 0 11px;
  font-size: 20px;
  line-height: inherit;
  float: right;
}
.task-main-container .setting-container .setContent .name input {
  width: 386px;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  padding: 0 5px;
}
.task-main-container .setting-container .setContent .memberWarp {
  width: 100%;
  zoom: 1;
  max-height: 85px;
  min-height: 57px;
}
.task-main-container .setting-container .setContent .memberWarp h6 {
  display: block;
}
.task-main-container .setting-container .setContent .memberWarp .member {
  -webkit-user-select: none;
  height: 28px;
  float: left;
  max-width: calc(67%);
  overflow-x: auto;
  overflow-y: hidden;
}
.task-main-container .setting-container .setContent .memberWarp .member > li {
  width: 28px;
  height: 28px;
  float: left;
  margin-right: 5px;
}
.task-main-container .setting-container .setContent .memberWarp .member > li img {
  width: 100%;
  height: 100%;
}
.task-main-container .setting-container .setContent .memberWarp .addWarp {
  width: 28px;
  height: 28px;
  float: left;
}
.task-main-container .setting-container .setContent .memberWarp .addWarp .add {
  margin: 1px;
  font-size: 28px;
  line-height: 28px;
  float: left;
  color: #bbd1dc;
}
.task-main-container .setting-container .setContent .memberWarp .addWarp .add:hover {
  color: #238bdf;
}
.task-main-container .setting-container .setContent .memberWarp ~ div {
  margin-top: 9px;
}
.task-main-container .setting-container .setContent div.button {
  margin-top: 24px;
}
.task-main-container .setting-container .setContent div.button span {
  width: 100%;
  height: 36px;
  line-height: 25px;
}
.task-main-container .setting-container .setContent .memberWarp + .syncKanban {
  margin-top: 20px;
}
.task-main-container .setting-container .setContent .syncKanban .toggle {
  float: right;
  margin: 0;
  padding: 0;
  padding-right: 5px;
}
.task-main-container .setting-container .setContent .syncKanban .toggle input:checked + .track .handle {
  -webkit-transform: translate3d(9px, 0, 0);
  transform: translate3d(9px, 0, 0);
}
.task-main-container .setting-container .setContent .syncKanban .toggle input:checked + .track {
  background: #c4dff2;
}
.task-main-container .setting-container .setContent .syncKanban .toggle .track {
  height: 16px;
  width: 27px;
}
.task-main-container .setting-container .setContent .syncKanban .toggle .track .handle {
  top: 2px;
  left: 1px;
  width: 16px;
  height: 16px;
}
.task-main-container .setting-container .setContent .docType .wrap {
  padding-left: 55px;
}
.task-main-container .setting-container .setContent .docType .wrap ul {
  padding: 24px 7px 16px;
}
.task-main-container .setting-container .setContent .docType .wrap ul li {
  overflow: hidden;
}
.task-main-container .setting-container .setContent .docType .wrap ul li span {
  float: left;
}
.task-main-container .setting-container .setContent .docType .wrap ul li i {
  line-height: 20px;
  display: none;
}
.task-main-container .setting-container .setContent .docType .wrap ul li.selected i {
  color: #0689dd;
  display: block;
}
.task-main-container .setting-container .setBackground {
  display: none;
}
.task-main-container .setting-container .setBackground .image-container {
  width: 100%;
  margin-top: 22px;
  margin-bottom: 45px;
}
.task-main-container .setting-container .setBackground .image-container li {
  float: left;
  width: 33%;
  height: 68px;
  margin-bottom: 15px;
  position: relative;
}
.task-main-container .setting-container .setBackground .image-container li img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
  cursor: pointer;
}
.task-main-container .setting-container .setBackground .image-container li .check {
  display: none;
  background: #0096f6;
  width: 22px;
  height: 22px;
  position: absolute;
  bottom: 2px;
  right: 12px;
  border-radius: 12px;
  text-align: center;
  line-height: 26px;
}
.task-main-container .setting-container .setBackground .image-container li .check .icon-check {
  color: #fff;
  font-size: 16px;
}
.task-main-container .setting-container .setBackground .image-container li:nth-child(3n+1) {
  padding-right: 10px;
}
.task-main-container .setting-container .setBackground .image-container li:nth-child(3n+2) {
  padding: 0 5px;
}
.task-main-container .setting-container .setBackground .image-container li:nth-child(3n+2) .check {
  right: 7px;
}
.task-main-container .setting-container .setBackground .image-container li:nth-child(3n+3) {
  padding-left: 10px;
}
.task-main-container .setting-container .setBackground .image-container li:nth-child(3n+3) .check {
  right: 2px;
}
.task-main-container .setting-container .setBackground .image-container li.selected .check {
  display: block;
}
.task-main-container .setting-container .setBackground .imageSave {
  width: 100%;
  height: 36px;
  line-height: 25px;
}
.task-main-container .settingBox {
  position: absolute;
  width: 460px;
  left: 50vw;
  top: 50vh;
  margin-left: -230px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 2px;
}
.task-main-container .settingBox .setting-container {
  width: 100%;
}
.task-main-container .settingBox .btn,
.task-main-container .settingBox .icon-add_circle {
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
}
.task-main-container .settingBox .header {
  width: 100%;
  height: 180px;
  position: relative;
}
.task-main-container .settingBox .header h2 {
  text-align: center;
  line-height: 180px;
  position: relative;
  font-weight: 400;
  height: 180px;
  max-width: 100%;
  padding: 0 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .settingBox .header .custom,
.task-main-container .settingBox .header img {
  position: absolute;
}
.task-main-container .settingBox .header img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px 2px 0 0;
}
.task-main-container .settingBox .header .switch {
  position: absolute;
  right: 10px;
  bottom: 7px;
  width: 98px;
  height: 28px;
  line-height: 28px;
  background: rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .settingBox .header .switch i {
  margin: 0 6px;
  font-size: 20px;
  line-height: 28px;
  float: left;
}
.task-main-container .settingBox .header .switch span {
  line-height: 28px;
}
.task-main-container .settingBox .header .close {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 24px;
  color: #03a9f4;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .settingBox .header .close:hover {
  color: #0689dd;
}
.task-main-container .settingBox .header ~ div {
  width: 100%;
  padding: 19px 30px 30px;
}
.task-main-container .setEditPermission {
  padding: 24px 7px;
  padding-bottom: 16px;
  width: 200px;
}
.task-main-container .setEditPermission li {
  overflow: hidden;
}
.task-main-container .setEditPermission li span {
  float: left;
}
.task-main-container .setEditPermission li i {
  display: none;
  float: right;
  color: #0689dd;
  font-size: 20px;
  line-height: 20px;
}
.task-main-container .setEditPermission li.selected i {
  display: block;
  line-height: 20px !important;
}
.task-main-container .setEditPermission li.disabled {
  font-size: .75rem;
  color: #a3a3a3;
  padding: 10px 20px;
  line-height: 1.7;
}
.task-main-container .setEditPermission li.disabled span {
  cursor: not-allowed;
}
.task-main-container .setEditPermission li.disabled:hover {
  font-size: .75rem;
  color: #a3a3a3;
}
.task-main-container .chooseKanbanTemp,
.task-main-container .setViewPermission {
  background: #fff;
  border-radius: 2px;
  padding: 12px 7px;
}
.task-main-container .chooseKanbanTemp > div,
.task-main-container .setViewPermission > div {
  overflow: hidden;
}
.task-main-container .chooseKanbanTemp > div span,
.task-main-container .setViewPermission > div span {
  display: block;
}
.task-main-container .chooseKanbanTemp > div > div,
.task-main-container .setViewPermission > div > div {
  float: left;
}
.task-main-container .chooseKanbanTemp > div > i,
.task-main-container .setViewPermission > div > i {
  display: none;
  float: right;
  color: #0689dd;
  font-size: 20px;
  line-height: 20px !important;
}
.task-main-container .chooseKanbanTemp .selected .icon-check,
.task-main-container .setViewPermission .selected .icon-check {
  display: block;
}
.task-main-container .chooseKanbanTemp {
  width: 360px;
}
.task-main-container .datePicker {
  background: #fff;
  border-radius: 2px;
  width: 285px;
  text-align: center;
}
.task-main-container .datePicker header {
  height: 47px;
  padding-top: 0.8125rem;
}
.task-main-container .datePicker header ul.selectModeBar {
  height: 1.5rem;
  width: 100%;
  font-size: .875rem;
  color: #666;
}
.task-main-container .datePicker header ul.selectModeBar li {
  float: left;
  line-height: 1.5rem;
  width: 4.45rem;
  border-right: 1px solid #f0f0f0;
  cursor: pointer;
}
.task-main-container .datePicker header ul.selectModeBar li.active,
.task-main-container .datePicker header ul.selectModeBar li:hover {
  color: #109cf6;
}
.task-main-container .datePicker header ul.selectModeBar li.last {
  border-right: none;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select {
  font-size: .75rem;
  color: #666;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .clear,
.task-main-container .datePicker .datePickerMain .dateListContainer .select .today {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  top: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.16);
  cursor: pointer;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .clear:hover,
.task-main-container .datePicker .datePickerMain .dateListContainer .select .today:hover {
  color: #109cf6;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .today {
  right: 1.25rem;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .clear {
  left: 1.25rem;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .next,
.task-main-container .datePicker .datePickerMain .dateListContainer .select .pre {
  font-size: 20px;
  line-height: 46px;
  cursor: pointer;
  position: absolute;
  top: 0;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .next:hover,
.task-main-container .datePicker .datePickerMain .dateListContainer .select .pre:hover {
  color: #109cf6;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .pre {
  left: 0;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .next {
  right: 0;
}
.task-main-container .datePicker .datePickerMain .dateListContainer .select .slideBar {
  display: block;
  width: 7.5rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  text-align: center;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.headerWeek {
  font-size: .75rem;
  color: #333;
  padding: 0 10px;
  overflow: hidden;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.headerWeek li {
  float: left;
  width: 2.35rem;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.headerWeek li.weekends {
  color: rgba(201, 64, 64, 0.87);
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList {
  font-size: .75rem;
  color: #333;
  text-align: center;
  overflow: hidden;
  padding: 0 10px;
  margin-bottom: 0.5rem;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li {
  float: left;
  width: 2.35rem;
  height: 1.5rem;
  margin: .425rem 0;
  line-height: 1.5rem;
  cursor: default;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li span {
  width: 1.5rem;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 50%;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li span.selected {
  color: #fff;
  background: #0689dd;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li:hover span {
  background: #f0f0f0;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li:hover span.selected {
  background: #0689dd;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.selected {
  color: #fff;
  background: #0689dd;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.selected:hover span,
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.selected span {
  background: none;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.selected.first {
  border-radius: 1.5rem 0 0 1.5rem;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.selected.last {
  border-radius: 0 1.5rem 1.5rem 0;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.type-disable span {
  color: rgba(0, 0, 0, 0.26);
  background: none;
  cursor: not-allow ed;
}
.task-main-container .datePicker .datePickerMain .dateListContainer ul.dateList li.type-disable span.selected {
  color: #fff;
  background: #0689dd;
}
.task-main-container .datePicker .datePickerMain .repeatContainer {
  display: none;
  background: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 2px;
  width: 286px;
  height: 277px;
  position: relative;
  text-align: center;
  font-size: 0.75rem;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul {
  display: none;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.actived {
  display: block;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.tab {
  padding-left: 28px;
  padding-top: 3px;
  display: block;
  height: 32px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-left: 0;
  border-right: 0;
  position: relative;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.tab > li {
  float: left;
  cursor: pointer;
  width: 3rem;
  height: 1.5rem;
  padding: .375rem .5rem;
  color: rgba(0, 0, 0, 0.34);
  border-color: transparent;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.tab > li + li {
  margin-left: 12px;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.tab > li.actived,
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.tab > li:hover {
  color: #0096f6;
  background-color: #fff;
  border-color: #0096f6;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content {
  position: absolute;
  top: 33px;
  left: 20px;
  right: 20px;
  bottom: 50px;
  white-space: normal;
  font-size: 0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content li {
  font-size: .75rem;
  cursor: pointer;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.day {
  background: url(https://res-front-cdn.timetask.cn/release/images/repeat1.1afbb137be.png) no-repeat 32px 19px;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.week {
  padding-top: 1.5rem;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.week li {
  cursor: pointer;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 14px;
  color: rgba(0, 0, 0, 0.34);
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.week li.type-disable {
  background: #f0f0f0;
  color: #ccc;
  border-color: transparent;
  cursor: not-allowed;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.week li.selected {
  background: #0689dd;
  border-color: #0689dd;
  color: #fff;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.week li + li {
  margin: 23px 0 0 24px;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.week li:nth-child(5) {
  margin-left: 0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month {
  text-align: left;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li {
  width: 1.5rem;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 50%;
  margin-top: .75rem;
  margin-right: 10px;
  text-align: center;
  background-clip: content-box;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li:nth-child(7n) {
  margin-right: 0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li.lastDay {
  display: inline;
  border-radius: 2px;
  margin-left: 3px;
  background-clip: border-box;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li.selected {
  background: #0689dd;
  border-color: #0689dd;
  color: #fff;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li.selected:hover {
  background: rgba(6, 153, 243, 0.7);
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li.type-disable {
  background: #f0f0f0;
  color: #ccc;
  border-color: transparent;
  cursor: not-allowed;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.month li:hover {
  background: #f0f0f0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer > ul.content.year {
  background: url(https://res-front-cdn.timetask.cn/release/images/repeat2.9edcbec4d4.png) no-repeat 40px 40px;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter {
  position: absolute;
  bottom: 0;
  height: 3rem;
  line-height: 3rem;
  left: 1.75rem;
  right: 1.75rem;
  border-top: 1px dashed #c4dff2;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask {
  margin-right: .25rem;
  float: left;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div {
  float: left;
  display: none;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div.actived {
  display: block;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .monthSelect,
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .weekSelect,
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .yearSelect {
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  width: 1.875rem;
  height: 22px;
  line-height: 1.375rem;
  margin: .75rem .375rem;
  padding: 0 3px;
  cursor: pointer;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .monthSelect:hover,
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .weekSelect:hover,
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .yearSelect:hover {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .dropdown-menu {
  width: 1.875rem;
  min-width: 1.875rem;
  height: 15rem;
  top: 2rem!important;
  left: .375rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .dropdown-menu li {
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  cursor: default;
  text-align: center;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .repeatTask > div .dropdown-menu li:hover {
  background: #f0f0f0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util {
  text-align: center;
  margin: 0 auto;
  width: 10rem;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu {
  text-align: left;
  width: 11.25rem;
  min-width: 4.5rem;
  height: 4.5rem;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu li {
  padding: 0 1rem 0 1.375rem;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  cursor: default;
  text-align: left;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu li:hover {
  background: #f0f0f0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .dropdown-menu i {
  float: right;
  font-size: 1rem;
  position: relative;
  top: 0.375rem;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .utilSelect {
  float: right;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  width: 4rem;
  height: 1.375rem;
  line-height: 1.375rem;
  margin-top: .75rem;
  margin-left: .375rem;
  text-align: left;
  padding: 0 3px;
  cursor: pointer;
  position: relative;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .utilSelect:hover {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .util .utilSelect i {
  position: absolute;
  font-size: 16px;
  top: 2px;
  right: 2px;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from {
  float: left;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from .dropdown-menu {
  width: 11.25rem;
  min-width: 4.5rem;
  height: 4.5rem;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from .dropdown-menu li {
  padding: 0 1rem 0 1.375rem;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  cursor: default;
  text-align: left;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from .dropdown-menu li:hover {
  background: #f0f0f0;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from .fromSelect {
  float: left;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  width: 3rem;
  height: 1.375rem;
  line-height: 1.375rem;
  margin-top: .75rem;
  margin-left: .25rem;
  text-align: left;
  padding: 0 3px;
  cursor: pointer;
  position: relative;
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from .fromSelect:hover {
  border: 1px solid rgba(0, 0, 0, 0.16);
}
.task-main-container .datePicker .datePickerMain .repeatContainer .repeatFooter .from .fromSelect i {
  position: absolute;
  font-size: 16px;
  top: 2px;
  right: 2px;
}
.task-main-container .datePicker .footer {
  height: 2.75rem;
  line-height: 2.75rem;
  border-top: 1px solid #f4f4f4;
}
.task-main-container .datePicker .footer .toggle {
  float: right;
  margin: 0;
  margin-right: 13px;
}
.task-main-container .datePicker .footer .toggle input:checked + .track .handle {
  -webkit-transform: translate3d(6px, 0, 0);
  transform: translate3d(6px, 0, 0);
}
.task-main-container .datePicker .footer .toggle input:checked + .track {
  background: #c4dff2;
}
.task-main-container .datePicker .footer .toggle .track {
  height: 16px;
  width: 27px;
}
.task-main-container .datePicker .footer .toggle .track .handle {
  top: 15px;
  width: 16px;
  height: 16px;
}
.task-main-container .datePicker .footer .footerBar {
  float: right;
  height: 2.75rem;
  line-height: 2.75rem;
}
.task-main-container .datePicker_single {
  background: #fff;
  border-radius: 2px;
  width: 285px;
  text-align: center;
}
.task-main-container .datePicker_single .select {
  font-size: .75rem;
  color: #666;
  overflow: hidden;
  height: 46px;
  line-height: 46px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.task-main-container .datePicker_single .select .next,
.task-main-container .datePicker_single .select .pre {
  font-size: 20px;
  line-height: 46px;
  position: absolute;
  cursor: pointer;
  top: 0;
}
.task-main-container .datePicker_single .select .next:hover,
.task-main-container .datePicker_single .select .pre:hover {
  color: #109cf6;
}
.task-main-container .datePicker_single .select .pre {
  left: 1.5rem;
}
.task-main-container .datePicker_single .select .next {
  right: 1.5rem;
}
.task-main-container .datePicker_single .select .slideBar {
  display: block;
  width: 7.5rem;
  position: absolute;
  left: 50%;
  margin-left: -3.75rem;
  text-align: center;
}
.task-main-container .datePicker_single ul.headerWeek {
  font-size: .75rem;
  color: #333;
  padding: 0 10px;
  overflow: hidden;
}
.task-main-container .datePicker_single ul.headerWeek li {
  float: left;
  width: 2.35rem;
}
.task-main-container .datePicker_single ul.headerWeek li.weekends {
  color: rgba(201, 64, 64, 0.87);
}
.task-main-container .datePicker_single ul.dateList {
  font-size: .75rem;
  color: #333;
  text-align: center;
  overflow: hidden;
  padding: 0 .625rem;
  margin: 0.625rem 0;
}
.task-main-container .datePicker_single ul.dateList li {
  float: left;
  width: 2.35rem;
  height: 1.5rem;
  margin: .425rem 0;
  line-height: 1.5rem;
  cursor: default;
}
.task-main-container .datePicker_single ul.dateList li span {
  width: 1.5rem;
  display: inline-block;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 50%;
}
.task-main-container .datePicker_single ul.dateList li span.selected {
  color: #fff;
  background: #0689dd;
}
.task-main-container .datePicker_single ul.dateList li:hover span {
  background: #f0f0f0;
}
.task-main-container .datePicker_single ul.dateList li:hover span.selected {
  background: #0689dd;
}
.task-main-container .datePicker_single ul.dateList li.selected {
  color: #fff;
  background: #0689dd;
}
.task-main-container .datePicker_single ul.dateList li.selected:hover span,
.task-main-container .datePicker_single ul.dateList li.selected span {
  background: none;
}
.task-main-container .datePicker_single ul.dateList li.selected.first {
  border-radius: 1.5rem 0 0 1.5rem;
}
.task-main-container .datePicker_single ul.dateList li.selected.last {
  border-radius: 0 1.5rem 1.5rem 0;
}
.task-main-container .datePicker_single ul.dateList li.type-disable span {
  color: rgba(0, 0, 0, 0.26) !important;
  background: none;
}
.task-main-container .datePicker_single .footer {
  padding: 0 1.5rem 1rem;
}
.task-main-container .datePicker_single .custom-btn {
  margin: 22px;
  margin-bottom: 0;
  width: 242px;
}
.task-main-container .selectUserPanel {
  width: 14.375rem;
  height: 22.5rem;
  padding-bottom: 45px;
  position: relative;
}
.task-main-container .selectUserPanel.not-show-major li:hover .icon-star_outline {
  display: none !important;
}
.task-main-container .selectUserPanel.no-search {
  height: 20.5rem;
}
.task-main-container .selectUserPanel.panel-count-1 {
  width: 10.125rem;
}
.task-main-container .selectUserPanel.panel-count-2 {
  width: 11.125rem;
}
.task-main-container .selectUserPanel.showDept .toolbar {
  display: none;
}
.task-main-container .selectUserPanel.showDept .deptList.active {
  top: 45px;
}
.task-main-container .selectUserPanel.showDept ul.userList {
  display: none;
}
.task-main-container .selectUserPanel.showOther:not(.showDept) .currentDept,
.task-main-container .selectUserPanel.showOther:not(.showDept) ul.deptList {
  display: none !important;
}
.task-main-container .selectUserPanel.notShowingViewAuth {
  padding-bottom: 0;
}
.task-main-container .selectUserPanel.notShowingViewAuth > ul {
  height: 285px;
}
.task-main-container .selectUserPanel.isNotForTask {
  padding-bottom: 0;
}
.task-main-container .selectUserPanel.isNotForTask > ul {
  height: 285px;
}
.task-main-container .selectUserPanel.isNotForTask .isStar,
.task-main-container .selectUserPanel.isNotForTask .res {
  display: none !important;
}
.task-main-container .selectUserPanel.isNotForTask .userName {
  width: calc(30%);
}
.task-main-container .selectUserPanel header {
  padding-top: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .selectUserPanel header > span {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .selectUserPanel header > .panel {
  padding: 3px 0 8px;
  font-size: 0;
}
.task-main-container .selectUserPanel header > .panel.list-length-1 li {
  width: 100%;
}
.task-main-container .selectUserPanel header > .panel.list-length-2 li {
  width: 50%;
}
.task-main-container .selectUserPanel header > .panel.list-length-3 li {
  width: 33.33333%;
}
.task-main-container .selectUserPanel header > .panel li {
  display: inline-block;
  font-size: .75rem;
  color: #666;
  text-align: center;
  cursor: pointer;
}
.task-main-container .selectUserPanel header > .panel li + li {
  border-left: 1px solid #f0f0f0;
}
.task-main-container .selectUserPanel header > .panel li.active {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .selectUserPanel header > .toolbar {
  border-top: 1px solid #f4f4f4;
  padding: 0 28px 0 40px;
  line-height: 32px;
  position: relative;
}
.task-main-container .selectUserPanel header > .toolbar > i {
  font-size: 17px;
  position: absolute;
  left: 16px;
  top: 7px;
}
.task-main-container .selectUserPanel header > .toolbar input {
  border: none;
  text-align: left;
}
.task-main-container .selectUserPanel header > .toolbar .select-all {
  right: 14px;
}
.task-main-container .selectUserPanel header > .toolbar > span {
  font-size: .75rem;
  color: #666;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 2px;
}
.task-main-container .selectUserPanel header input {
  width: 100%;
  height: 23px;
  line-height: 23px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  text-align: center;
}
.task-main-container .selectUserPanel header input::-webkit-input-placeholder {
  font-size: .75rem;
  color: #666;
}
.task-main-container .selectUserPanel header input:-moz-placeholder,
.task-main-container .selectUserPanel header input::-moz-placeholder {
  font-size: .75rem;
  color: #666;
}
.task-main-container .selectUserPanel header input:-ms-input-placeholder {
  font-size: .75rem;
  color: #666;
}
.task-main-container .selectUserPanel header .backUp {
  float: left;
  margin-left: 1rem;
  cursor: pointer;
}
.task-main-container .selectUserPanel header .backUp:hover {
  color: #0096f6;
}
.task-main-container .selectUserPanel header .backUp,
.task-main-container .selectUserPanel header .currentDept {
  display: none;
}
.task-main-container .selectUserPanel header .selectAll {
  float: right;
  margin-right: 1rem;
  cursor: pointer;
}
.task-main-container .selectUserPanel header .selectAll:hover {
  color: #0096f6;
}
.task-main-container .selectUserPanel > ul {
  height: 240px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .selectUserPanel > ul.recent {
  position: absolute;
  top: 75px;
  left: 0;
  width: 100%;
  z-index: -1;
}
.task-main-container .selectUserPanel > ul.active,
.task-main-container .selectUserPanel > ul.show {
  opacity: 1;
  z-index: 100;
}
.task-main-container .selectUserPanel > ul.deptList {
  -webkit-transition: top 0.2s ease-out;
  transition: top 0.2s ease-out;
}
.task-main-container .selectUserPanel > ul.userList .backUp {
  display: none;
}
.task-main-container .selectUserPanel > ul.userList .currentDept {
  display: none;
  top: 0 !important;
}
.task-main-container .selectUserPanel > ul.userList .currentDept:empty {
  height: 0;
}
.task-main-container .selectUserPanel > ul.userList.showRecentUser > li {
  display: none;
}
.task-main-container .selectUserPanel > ul.userList.showRecentUser > li.recentUser {
  display: block;
}
.task-main-container .selectUserPanel > ul.deptList {
  position: absolute;
  top: 75px;
  width: 100%;
}
.task-main-container .selectUserPanel > ul li {
  background: #fff;
  height: 2.25rem;
  line-height: 1.5rem;
  padding: 0.3125rem 1rem;
}
.task-main-container .selectUserPanel > ul li.disable:not(.checked):hover .icon-star_outline {
  display: none;
}
.task-main-container .selectUserPanel > ul li.type-disable {
  font-size: .875rem;
  cursor: not-allowed !important;
}
.task-main-container .selectUserPanel > ul li.type-disable:hover {
  background: transparent !important;
}
.task-main-container .selectUserPanel > ul li.deptItem:hover,
.task-main-container .selectUserPanel > ul li.userItem:hover {
  cursor: default;
  background: #f6f7fb;
}
.task-main-container .selectUserPanel > ul li.deptItem:hover .isStar,
.task-main-container .selectUserPanel > ul li.userItem:hover .isStar {
  visibility: visible;
}
.task-main-container .selectUserPanel > ul li.currentDept {
  cursor: default;
}
.task-main-container .selectUserPanel > ul li img.userAvatar {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  float: left;
}
.task-main-container .selectUserPanel > ul li span.userName {
  width: 4rem;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .selectUserPanel > ul li img + span.userName {
  margin-left: 1.375rem;
}
.task-main-container .selectUserPanel > ul li.userItem.no-avatar span.userName {
  width: calc(76%);
}
.task-main-container .selectUserPanel > ul li span.res {
  display: inline-block;
  vertical-align: top;
  font-size: .75rem;
  color: #1ba4ff;
  border: 1px solid #0096f6;
  border-radius: 2px;
  width: 32px;
  height: 20px;
  line-height: 17px;
  text-align: center;
  visibility: hidden;
  margin-top: 3px;
}
.task-main-container .selectUserPanel > ul li span.isStar {
  display: inline-block;
  visibility: hidden;
  color: #fec029;
  vertical-align: top;
  margin-top: 4px;
  cursor: pointer;
}
.task-main-container .selectUserPanel > ul li span.isStar.icon-star,
.task-main-container .selectUserPanel > ul li span.isStar.icon-star + .res {
  visibility: visible;
}
.task-main-container .selectUserPanel > ul li span.isStar:hover {
  color: #f3b00b;
}
.task-main-container .selectUserPanel > ul li span.checkThis {
  display: none;
  float: right;
}
.task-main-container .selectUserPanel .toggle-view-auth {
  height: 44px;
  line-height: 44px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  position: absolute;
  bottom: 0;
  width: 100%;
}
.task-main-container .selectUserPanel .toggle-view-auth > span {
  font-size: .875rem;
  color: #333;
  color: #a3a3a3;
  margin-left: 101px;
}
.task-main-container .selectUserPanel .toggle-view-auth .toggle-view-auth-btn {
  float: right;
  margin-right: 16px;
}
.task-main-container .selectUserPanel .toggle-view-auth .toggle-view-auth-btn .toggle {
  margin-top: -1px;
}
.task-main-container .selectUserPanel .toggle-view-auth .toggle-view-auth-btn .toggle .track {
  height: 16px;
  width: 27px;
}
.task-main-container .selectUserPanel .toggle-view-auth .toggle-view-auth-btn .toggle .track .handle {
  top: 15px;
  width: 16px;
  height: 16px;
}
.task-main-container .quadSelectBox {
  background: #fff;
  width: 286px;
  padding: 46px 43px;
}
.task-main-container .quadSelectBox h5 {
  text-align: center;
}
.task-main-container .quadSelectBox ul {
  margin-top: 35px;
  overflow: hidden;
}
.task-main-container .quadSelectBox ul li {
  float: left;
  padding: 0 3px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
}
.task-main-container .taskOperationBox {
  background: #fff;
  border-radius: 2px;
  width: 285px;
  padding: 19px 22px 13px;
}
.task-main-container .taskOperationBox > li .wrap {
  float: right;
  cursor: pointer;
  position: relative;
  padding-left: 50px;
}
.task-main-container .taskOperationBox > li .wrap span {
  font-size: .75rem;
  color: #666;
}
.task-main-container .taskOperationBox .wrap-menu {
  overflow: hidden;
}
.task-main-container .taskOperationBox .kanban .kanban-name {
  display: block;
  width: 25px;
  float: left;
}
.task-main-container .taskOperationBox .kanban .wrap {
  width: calc(75%);
}
.task-main-container .taskOperationBox .kanban .wrap .kanbanName {
  display: block;
  width: calc(75%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  text-align: right;
}
.task-main-container .taskOperationBox .kanban .wrap i {
  margin-top: 2px;
  float: right;
}
.task-main-container .taskOperationBox .kanban .kanbanList-container {
  height: 180px;
  overflow-y: auto;
  padding: 7px 4px;
}
.task-main-container .taskOperationBox .kanban .kanbanList-container .kanbanList-warp {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .taskOperationBox .card {
  margin-top: 35px;
  margin-bottom: 13px;
}
.task-main-container .taskOperationBox .card .card-name {
  display: block;
  width: 25px;
  float: left;
}
.task-main-container .taskOperationBox .card .wrap {
  width: calc(75%);
}
.task-main-container .taskOperationBox .card .wrap .cardName {
  display: block;
  width: calc(75%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  float: left;
  text-align: right;
}
.task-main-container .taskOperationBox .card .wrap i {
  margin-top: 2px;
  float: right;
}
.task-main-container .taskOperationBox .card .cardList-container {
  height: 180px;
  overflow-y: auto;
  padding: 7px 4px;
}
.task-main-container .taskOperationBox .card .cardList-container .cardList-warp {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .taskOperationBox .card .wrap {
  padding-left: 50px;
}
.task-main-container .taskOperationBox .card .wrap li,
.task-main-container .taskOperationBox .card .wrap span,
.task-main-container .taskOperationBox .kanban .wrap li,
.task-main-container .taskOperationBox .kanban .wrap span {
  font-size: .75rem;
  color: #617a8b;
}
.task-main-container .taskOperationBox .card .wrap .dropdown-item ul li,
.task-main-container .taskOperationBox .kanban .wrap .dropdown-item ul li {
  height: 20px;
  padding-left: 0;
  float: left;
}
.task-main-container .taskOperationBox .card .wrap .dropdown-item ul li i,
.task-main-container .taskOperationBox .kanban .wrap .dropdown-item ul li i {
  font-size: 24px;
  line-height: 22px;
  color: #0689dd;
  display: none;
}
.task-main-container .taskOperationBox .card .wrap .dropdown-item ul .name,
.task-main-container .taskOperationBox .kanban .wrap .dropdown-item ul .name {
  width: calc(80%);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.task-main-container .taskOperationBox .card .wrap .dropdown-item ul .right,
.task-main-container .taskOperationBox .kanban .wrap .dropdown-item ul .right {
  width: 20px;
}
.task-main-container .taskOperationBox .card .wrap .dropdown-item.selected ul li i,
.task-main-container .taskOperationBox .kanban .wrap .dropdown-item.selected ul li i {
  display: block;
}
.task-main-container .taskOperationBox .card .wrap .invalid,
.task-main-container .taskOperationBox .kanban .wrap .invalid {
  font-size: .75rem;
  color: #666;
  color: rgba(0, 0, 0, 0.32) !important;
  padding: 10px 20px;
}
.task-main-container .taskOperationBox .operation {
  width: 100%;
  height: 38px;
  line-height: 26px;
  margin-bottom: 0;
}
.task-main-container .tooltipster-light {
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #ededed;
  color: #666;
}
.task-main-container .tooltipster-light .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
.task-main-container .tooltipster-noir {
  border-radius: 0;
  border: 3px solid #2c2c2c;
  background: #fff;
  color: #2c2c2c;
}
.task-main-container .tooltipster-noir .tooltipster-content {
  font-family: Georgia, serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
.task-main-container .tooltipster-punk {
  border-radius: 5px;
  border-bottom: 3px solid #f71169;
  background: #2a2a2a;
  color: #fff;
}
.task-main-container .tooltipster-punk .tooltipster-content {
  font-family: Courier, monospace;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
.task-main-container .tooltipster-shadow {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.3);
  color: #2c2c2c;
}
.task-main-container .tooltipster-shadow .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
}
.task-main-container .tooltipster-user {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
}
.task-main-container .tooltipster-user .tooltipster-content {
  line-height: 1.25rem;
  padding: 0;
}
.task-main-container .tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff;
}
.task-main-container .tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden;
}
.task-main-container .tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}
.task-main-container .tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}
.task-main-container .tooltipster-base .tooltipster-content {
  overflow: hidden;
}
.task-main-container .tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.task-main-container .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow span {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}
.task-main-container .tooltipster-arrow-top-left span,
.task-main-container .tooltipster-arrow-top-right span,
.task-main-container .tooltipster-arrow-top span {
  border-left: 8px solid transparent!important;
  border-right: 8px solid transparent!important;
  border-top: 8px solid;
  bottom: -7px;
}
.task-main-container .tooltipster-arrow-top-left .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-top-right .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-top .tooltipster-arrow-border {
  border-left: 9px solid transparent!important;
  border-right: 9px solid transparent!important;
  border-top: 9px solid;
  bottom: -7px;
}
.task-main-container .tooltipster-arrow-bottom-left span,
.task-main-container .tooltipster-arrow-bottom-right span,
.task-main-container .tooltipster-arrow-bottom span {
  border-left: 8px solid transparent!important;
  border-right: 8px solid transparent!important;
  border-bottom: 8px solid;
  top: -7px;
}
.task-main-container .tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-bottom .tooltipster-arrow-border {
  border-left: 9px solid transparent!important;
  border-right: 9px solid transparent!important;
  border-bottom: 9px solid;
  top: -7px;
}
.task-main-container .tooltipster-arrow-bottom .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-bottom span,
.task-main-container .tooltipster-arrow-top .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-top span {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.task-main-container .tooltipster-arrow-bottom-left span,
.task-main-container .tooltipster-arrow-top-left span {
  left: 6px;
}
.task-main-container .tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-top-left .tooltipster-arrow-border {
  left: 5px;
}
.task-main-container .tooltipster-arrow-bottom-right span,
.task-main-container .tooltipster-arrow-top-right span {
  right: 6px;
}
.task-main-container .tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-top-right .tooltipster-arrow-border {
  right: 5px;
}
.task-main-container .tooltipster-arrow-left .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-left span {
  border-top: 8px solid transparent!important;
  border-bottom: 8px solid transparent!important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}
.task-main-container .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent!important;
  border-bottom: 9px solid transparent!important;
  border-left: 9px solid;
  margin-top: -8px;
}
.task-main-container .tooltipster-arrow-right .tooltipster-arrow-border,
.task-main-container .tooltipster-arrow-right span {
  border-top: 8px solid transparent!important;
  border-bottom: 8px solid transparent!important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}
.task-main-container .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent!important;
  border-bottom: 9px solid transparent!important;
  border-right: 9px solid;
  margin-top: -8px;
}
.task-main-container .tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.task-main-container .tooltipster-fade-show {
  opacity: 1;
}
.task-main-container .tooltipster-grow {
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-backface-visibility: hidden;
}
.task-main-container .tooltipster-grow-show {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.task-main-container .tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.task-main-container .tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
.task-main-container .tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.task-main-container .tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  top: 0!important;
  opacity: 0;
}
.task-main-container .tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
.task-main-container .tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  transition-property: all;
  left: 0!important;
  opacity: 0;
}
.task-main-container .tooltipster-content-changing {
  opacity: .5;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.task-main-container .weekSelector {
  height: 300px;
  width: 202px!important;
  overflow-y: scroll;
  overflow-x: hidden;
}
.task-main-container .weekSelector > li {
  cursor: pointer;
}
.task-main-container .weekSelector .dropdown-item .icon-check {
  position: absolute;
  margin-left: 18px;
  visibility: hidden;
  color: #0689dd;
}
.task-main-container .weekSelector .dropdown-item.selected .icon-check {
  visibility: visible;
  font-size: 20px;
}
.task-main-container .weekSelector .dropdown-item.disabled span {
  cursor: not-allowed !important;
}
.task-main-container #trash-all {
  width: 4.0625rem;
  height: 4.0625rem;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 50%;
  color: #fff;
  position: absolute;
  bottom: 3rem;
  right: 6rem;
  z-index: -1;
}
.task-main-container #trash-all.dropActive {
  bottom: 3rem;
  right: 6rem;
  z-index: 2001;
}
.task-main-container #trash-all.dropHover {
  background: #cf1406;
}
.task-main-container #trash-all .trash-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  font-size: 2.5rem;
  line-height: 4.5rem;
}
.task-main-container #trash-all .trash-confirm {
  position: absolute;
  bottom: 110%;
  left: 50%;
}
.task-main-container [data-enable-drop-delete=true] {
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform .3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.task-main-container [data-enable-drop-delete=true].item-to-trash {
  opacity: 0;
}
.task-main-container [data-enable-drop-delete=true].dragging-to-trash {
  z-index: 2002!important;
  opacity: 0.9;
}
.task-main-container [data-enable-drop-delete=true].dragging-to-trash.over-trash {
  opacity: .8;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
@-webkit-keyframes box-loading-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scaleY(0.9) rotate(45deg);
    transform: translateY(18px) scaleY(0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
    transform: translateY(9px) rotate(67.5deg);
  }
  to {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes box-loading-animate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    -webkit-transform: translateY(9px) rotate(22.5deg);
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    -webkit-transform: translateY(18px) scaleY(0.9) rotate(45deg);
    transform: translateY(18px) scaleY(0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    -webkit-transform: translateY(9px) rotate(67.5deg);
    transform: translateY(9px) rotate(67.5deg);
  }
  to {
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes box-loading-shadow {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);
  }
}
@keyframes box-loading-shadow {
  0%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scaleX(1.2);
    transform: scaleX(1.2);
  }
}
.task-main-container .box-loading {
  width: 50px;
  height: 70px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -35px;
}
.task-main-container .box-loading:before {
  height: 5px;
  background: #000;
  opacity: .1;
  top: 59px;
  border-radius: 50%;
  -webkit-animation: box-loading-shadow 0.5s linear infinite;
  animation: box-loading-shadow 0.5s linear infinite;
}
.task-main-container .box-loading:after,
.task-main-container .box-loading:before {
  content: '';
  width: 50px;
  position: absolute;
  left: 0;
}
.task-main-container .box-loading:after {
  height: 50px;
  background: #0096f6;
  -webkit-animation: box-loading-animate 0.5s linear infinite;
  animation: box-loading-animate 0.5s linear infinite;
  top: 0;
  border-radius: 3px;
}
.task-main-container .rui-loading .rui-loading-wrapper {
  text-align: center;
}
.task-main-container .rui-loading .rui-loading-wrapper.ellipsis-white-green svg {
  height: 50px;
}
.task-main-container .rui-loading .rui-loading-wrapper.vertical-bar svg {
  height: 30px;
}
.task-main-container .rui-loading .rui-loading-wrapper.vertical-bar.drak svg rect,
.task-main-container .rui-loading .rui-loading-wrapper.vertical-bar svg rect {
  fill: #0096f6;
}
.task-main-container .rui-loading .rui-loading-wrapper.vertical-bar.light svg rect {
  fill: rgba(255, 255, 255, 0.86);
}
.task-main-container .rui-loading .rui-loading-wrapper.box-loading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
}
.task-main-container .rui-loading .rui-loading-wrapper.circle-one svg {
  height: 30px;
}
.task-main-container .rui-loading .rui-loading-wrapper.circle-one svg path {
  fill: #0096f6;
}
.task-main-container .rui-loading .rui-loading-wrapper.circle-one.dark svg path {
  fill: #000;
}
.task-main-container .rui-loading .rui-loading-wrapper.circle-one.light svg path {
  fill: #0096f6;
}
.task-main-container .file-small-excel {
  background: url(https://res-front-cdn.timetask.cn/release/images/excel.6459a87dad.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/excel.6459a87dad.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/excel_2x.882521f33f.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/excel.6459a87dad.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/excel_2x.882521f33f.png) 2x);
}
.task-main-container .file-small-file {
  background: url(https://res-front-cdn.timetask.cn/release/images/file.46449ccbd9.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/file.46449ccbd9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/file_2x.d5b7bf41db.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/file.46449ccbd9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/file_2x.d5b7bf41db.png) 2x);
}
.task-main-container .file-small-image {
  background: url(https://res-front-cdn.timetask.cn/release/images/image.aed8e06b57.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/image.aed8e06b57.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/image_2x.7e3b61966f.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/image.aed8e06b57.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/image_2x.7e3b61966f.png) 2x);
}
.task-main-container .file-small-pdf {
  background: url(https://res-front-cdn.timetask.cn/release/images/pdf.692b9767b9.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/pdf.692b9767b9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/pdf_2x.8adc7502ee.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/pdf.692b9767b9.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/pdf_2x.8adc7502ee.png) 2x);
}
.task-main-container .file-small-ppt {
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/ppt.2c7e64eb9b.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/ppt_2x.a6757be532.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/ppt.2c7e64eb9b.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/ppt_2x.a6757be532.png) 2x);
  background: url(https://res-front-cdn.timetask.cn/release/images/ppt.2c7e64eb9b.png);
}
.task-main-container .file-small-sound {
  background: url(https://res-front-cdn.timetask.cn/release/images/sound.d0eaa3dfce.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/sound.d0eaa3dfce.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/sound_2x.678e3d8cb9.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/sound.d0eaa3dfce.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/sound_2x.678e3d8cb9.png) 2x);
}
.task-main-container .file-small-video {
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/video.40ae41e791.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/video_2x.329cf28448.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/video.40ae41e791.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/video_2x.329cf28448.png) 2x);
  background: url(https://res-front-cdn.timetask.cn/release/images/video.40ae41e791.png);
}
.task-main-container .file-small-word {
  background: url(https://res-front-cdn.timetask.cn/release/images/word.b44eea8fcf.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/word.b44eea8fcf.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/word_2x.ccc798e3a0.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/word.b44eea8fcf.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/word_2x.ccc798e3a0.png) 2x);
}
.task-main-container .file-small-zip {
  background: url(https://res-front-cdn.timetask.cn/release/images/zip.f9f2049911.png);
  background-image: -webkit-image-set(url(https://res-front-cdn.timetask.cn/release/images/zip.f9f2049911.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/zip_2x.577c0356a9.png) 2x);
  background-image: image-set(url(https://res-front-cdn.timetask.cn/release/images/zip.f9f2049911.png) 1x, url(https://res-front-cdn.timetask.cn/release/images/zip_2x.577c0356a9.png) 2x);
}
.task-main-container .mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0.8;
}
.task-main-container .mfp-bg,
.task-main-container .mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
.task-main-container .mfp-wrap {
  z-index: 1043;
  outline: none!important;
  -webkit-backface-visibility: hidden;
}
.task-main-container .mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  padding: 0 8px;
  box-sizing: border-box;
}
.task-main-container .mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.task-main-container .mfp-align-top .mfp-container:before {
  display: none;
}
.task-main-container .mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.task-main-container .mfp-ajax-holder .mfp-content,
.task-main-container .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.task-main-container .mfp-header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 54px;
  text-align: center;
  cursor: default;
  background: rgba(0, 0, 0, 0.86);
}
.task-main-container .mfp-header-wrapper .mfp-file-name {
  font-size: 18px;
  line-height: 54px;
  color: #fff;
  margin-left: 30px;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 40%;
}
.task-main-container .mfp-header-wrapper .mfp-download {
  position: absolute;
  left: 50%;
  fill: currentColor;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff;
  text-decoration: none;
  line-height: 54px;
}
.task-main-container .mfp-header-wrapper .mfp-download .icon-get_app {
  font-size: 24px;
  vertical-align: -23%;
  margin-right: 20px;
}
.task-main-container .mfp-header-wrapper .mfp-close {
  float: right;
  margin-right: 18px;
  width: 22px!important;
  height: 22px;
  line-height: 22px;
  color: #000!important;
  margin-top: 15px;
  padding-left: 5px;
  font-size: 20px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .mfp-header-wrapper .mfp-close svg {
  cursor: pointer;
}
.task-main-container .mfp-figure {
  position: relative;
}
.task-main-container .mfp-figure figure {
  position: fixed;
  top: 46px;
  bottom: 18px;
  left: 116px;
  right: 116px;
}
.task-main-container .mfp-ajax-cur {
  cursor: progress;
}
.task-main-container .mfp-zoom-out-cur,
.task-main-container .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.task-main-container .mfp-zoom {
  cursor: pointer;
  cursor: zoom-in;
}
.task-main-container .mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.task-main-container .mfp-arrow,
.task-main-container .mfp-close,
.task-main-container .mfp-counter,
.task-main-container .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .mfp-loading.mfp-figure {
  display: none;
}
.task-main-container .mfp-hide {
  display: none !important;
}
.task-main-container .mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.task-main-container .mfp-preloader a {
  color: #ccc;
}
.task-main-container .mfp-preloader a:hover {
  color: #fff;
}
.task-main-container .mfp-s-error .mfp-content,
.task-main-container .mfp-s-ready .mfp-preloader {
  display: none;
}
.task-main-container button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}
.task-main-container button.mfp-arrow {
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  position: absolute;
  z-index: 10000;
  top: calc(130vh);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.task-main-container button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.task-main-container .mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.task-main-container .mfp-close:focus,
.task-main-container .mfp-close:hover {
  opacity: 1;
}
.task-main-container .mfp-close:active {
  top: 1px;
}
.task-main-container .mfp-close-btn-in .mfp-close {
  color: #333;
}
.task-main-container .mfp-iframe-holder .mfp-close,
.task-main-container .mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.task-main-container .mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.task-main-container .mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 36px;
  height: 36px;
  border: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-tap-highlight-color: transparent;
}
.task-main-container .mfp-arrow:active {
  margin-top: -54px;
}
.task-main-container .mfp-arrow:focus,
.task-main-container .mfp-arrow:hover {
  opacity: 1;
}
.task-main-container .mfp-arrow:after,
.task-main-container .mfp-arrow:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  border: medium inset transparent;
}
.task-main-container .mfp-arrow:after {
  border-top-width: 10px;
  border-bottom-width: 10px;
  top: 7px;
}
.task-main-container .mfp-arrow-left {
  left: 40px;
}
.task-main-container .mfp-arrow-left:after {
  border-right: 16px solid #fff;
  left: 6px;
}
.task-main-container .mfp-arrow-right {
  right: 40px;
}
.task-main-container .mfp-arrow-right:after {
  border-left: 16px solid #fff;
  right: 6px;
}
.task-main-container .mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.task-main-container .mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.task-main-container .mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.task-main-container .mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #fff;
}
.task-main-container img.mfp-img {
  position: absolute;
  height: auto;
  width: auto;
  box-sizing: border-box;
  border: 0;
  max-height: calc(50%) !important;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.task-main-container .mfp-figure {
  line-height: 0;
}
.task-main-container .mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.task-main-container .mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.task-main-container .mfp-figure figure {
  margin: 0;
}
.task-main-container .mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.task-main-container .mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}
.task-main-container .mfp-image-holder .mfp-content {
  max-width: 100%;
}
@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
  .task-main-container .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .task-main-container .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .task-main-container .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .task-main-container .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .task-main-container .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .task-main-container .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .task-main-container .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .task-main-container .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .task-main-container .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .task-main-container .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .task-main-container .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .task-main-container .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.task-main-container .atSpan,
.task-main-container .toolbox-atSpan {
  background: rgba(0, 0, 0, 0.1);
  padding: 2px;
  margin: 4px;
  font-size: 12px;
  border: none;
  display: inline;
  border-radius: 4px;
  line-height: normal;
}
.task-main-container [class*=' sprite-'],
.task-main-container [class^=sprite-] {
  width: 25px;
  height: 25px;
  background: url("https://res-front-cdn.timetask.cn/common/img/emoji/emoji.51402a74d7.png");
  background-repeat: no-repeat;
  vertical-align: top;
  display: inline-block;
  background-size: 882.8125px 867.1875px;
}
.task-main-container .sprite-a {
  background-position: -1.953125px -1.953125px;
}
.task-main-container .sprite-a-100 {
  background-position: -30.859375px -1.953125px;
}
.task-main-container .sprite-a-1234 {
  background-position: -59.765625px -1.953125px;
}
.task-main-container .sprite-a-8ball {
  background-position: -88.671875px -1.953125px;
}
.task-main-container .sprite-ab {
  background-position: -117.578125px -1.953125px;
}
.task-main-container .sprite-abc {
  background-position: -146.484375px -1.953125px;
}
.task-main-container .sprite-abcd {
  background-position: -175.390625px -1.953125px;
}
.task-main-container .sprite-accept {
  background-position: -204.296875px -1.953125px;
}
.task-main-container .sprite-aerial_tramway {
  background-position: -233.203125px -1.953125px;
}
.task-main-container .sprite-agree {
  background-position: -262.109375px -1.953125px;
}
.task-main-container .sprite-airplane {
  background-position: -291.015625px -1.953125px;
}
.task-main-container .sprite-alarm_clock {
  background-position: -319.921875px -1.953125px;
}
.task-main-container .sprite-alien {
  background-position: -348.828125px -1.953125px;
}
.task-main-container .sprite-ambulance {
  background-position: -377.734375px -1.953125px;
}
.task-main-container .sprite-anchor {
  background-position: -406.640625px -1.953125px;
}
.task-main-container .sprite-angel {
  background-position: -435.546875px -1.953125px;
}
.task-main-container .sprite-anger {
  background-position: -464.453125px -1.953125px;
}
.task-main-container .sprite-angry {
  background-position: -493.359375px -1.953125px;
}
.task-main-container .sprite-anguished {
  background-position: -522.265625px -1.953125px;
}
.task-main-container .sprite-ant {
  background-position: -551.171875px -1.953125px;
}
.task-main-container .sprite-apple {
  background-position: -580.078125px -1.953125px;
}
.task-main-container .sprite-aquarius {
  background-position: -608.984375px -1.953125px;
}
.task-main-container .sprite-aries {
  background-position: -637.890625px -1.953125px;
}
.task-main-container .sprite-arrow_backward {
  background-position: -666.796875px -1.953125px;
}
.task-main-container .sprite-arrow_double_down {
  background-position: -695.703125px -1.953125px;
}
.task-main-container .sprite-arrow_double_up {
  background-position: -724.609375px -1.953125px;
}
.task-main-container .sprite-arrow_down {
  background-position: -753.515625px -1.953125px;
}
.task-main-container .sprite-arrow_down_small {
  background-position: -782.421875px -1.953125px;
}
.task-main-container .sprite-arrow_forward {
  background-position: -811.328125px -1.953125px;
}
.task-main-container .sprite-arrow_heading_down {
  background-position: -1.953125px -30.859375px;
}
.task-main-container .sprite-arrow_heading_up {
  background-position: -30.859375px -30.859375px;
}
.task-main-container .sprite-arrow_left {
  background-position: -59.765625px -30.859375px;
}
.task-main-container .sprite-arrow_lower_left {
  background-position: -88.671875px -30.859375px;
}
.task-main-container .sprite-arrow_lower_right {
  background-position: -117.578125px -30.859375px;
}
.task-main-container .sprite-arrow_right {
  background-position: -146.484375px -30.859375px;
}
.task-main-container .sprite-arrow_right_hook {
  background-position: -175.390625px -30.859375px;
}
.task-main-container .sprite-arrow_up {
  background-position: -204.296875px -30.859375px;
}
.task-main-container .sprite-arrow_up_down {
  background-position: -233.203125px -30.859375px;
}
.task-main-container .sprite-arrow_up_small {
  background-position: -262.109375px -30.859375px;
}
.task-main-container .sprite-arrow_upper_left {
  background-position: -291.015625px -30.859375px;
}
.task-main-container .sprite-arrow_upper_right {
  background-position: -319.921875px -30.859375px;
}
.task-main-container .sprite-arrows_clockwise {
  background-position: -348.828125px -30.859375px;
}
.task-main-container .sprite-arrows_counterclockwise {
  background-position: -377.734375px -30.859375px;
}
.task-main-container .sprite-art {
  background-position: -406.640625px -30.859375px;
}
.task-main-container .sprite-articulated_lorry {
  background-position: -435.546875px -30.859375px;
}
.task-main-container .sprite-astonished {
  background-position: -464.453125px -30.859375px;
}
.task-main-container .sprite-atm {
  background-position: -493.359375px -30.859375px;
}
.task-main-container .sprite-b {
  background-position: -522.265625px -30.859375px;
}
.task-main-container .sprite-baby {
  background-position: -551.171875px -30.859375px;
}
.task-main-container .sprite-baby_bottle {
  background-position: -580.078125px -30.859375px;
}
.task-main-container .sprite-baby_chick {
  background-position: -608.984375px -30.859375px;
}
.task-main-container .sprite-baby_symbol {
  background-position: -637.890625px -30.859375px;
}
.task-main-container .sprite-back {
  background-position: -666.796875px -30.859375px;
}
.task-main-container .sprite-baggage_claim {
  background-position: -695.703125px -30.859375px;
}
.task-main-container .sprite-balloon {
  background-position: -724.609375px -30.859375px;
}
.task-main-container .sprite-ballot_box_with_check {
  background-position: -753.515625px -30.859375px;
}
.task-main-container .sprite-bamboo {
  background-position: -782.421875px -30.859375px;
}
.task-main-container .sprite-banana {
  background-position: -811.328125px -30.859375px;
}
.task-main-container .sprite-bangbang {
  background-position: -1.953125px -59.765625px;
}
.task-main-container .sprite-bank {
  background-position: -30.859375px -59.765625px;
}
.task-main-container .sprite-bar_chart {
  background-position: -59.765625px -59.765625px;
}
.task-main-container .sprite-barber {
  background-position: -88.671875px -59.765625px;
}
.task-main-container .sprite-baseball {
  background-position: -117.578125px -59.765625px;
}
.task-main-container .sprite-basketball {
  background-position: -146.484375px -59.765625px;
}
.task-main-container .sprite-bath {
  background-position: -175.390625px -59.765625px;
}
.task-main-container .sprite-bathtub {
  background-position: -204.296875px -59.765625px;
}
.task-main-container .sprite-battery {
  background-position: -233.203125px -59.765625px;
}
.task-main-container .sprite-bear {
  background-position: -262.109375px -59.765625px;
}
.task-main-container .sprite-bee {
  background-position: -291.015625px -59.765625px;
}
.task-main-container .sprite-beer {
  background-position: -319.921875px -59.765625px;
}
.task-main-container .sprite-beers {
  background-position: -348.828125px -59.765625px;
}
.task-main-container .sprite-beetle {
  background-position: -377.734375px -59.765625px;
}
.task-main-container .sprite-beginner {
  background-position: -406.640625px -59.765625px;
}
.task-main-container .sprite-bell {
  background-position: -435.546875px -59.765625px;
}
.task-main-container .sprite-bento {
  background-position: -464.453125px -59.765625px;
}
.task-main-container .sprite-bicyclist {
  background-position: -493.359375px -59.765625px;
}
.task-main-container .sprite-bike {
  background-position: -522.265625px -59.765625px;
}
.task-main-container .sprite-bikini {
  background-position: -551.171875px -59.765625px;
}
.task-main-container .sprite-bird {
  background-position: -580.078125px -59.765625px;
}
.task-main-container .sprite-birthday {
  background-position: -608.984375px -59.765625px;
}
.task-main-container .sprite-black_circle {
  background-position: -637.890625px -59.765625px;
}
.task-main-container .sprite-black_joker {
  background-position: -666.796875px -59.765625px;
}
.task-main-container .sprite-black_medium_small_square {
  background-position: -695.703125px -59.765625px;
}
.task-main-container .sprite-black_medium_square {
  background-position: -724.609375px -59.765625px;
}
.task-main-container .sprite-black_nib {
  background-position: -753.515625px -59.765625px;
}
.task-main-container .sprite-black_small_square {
  background-position: -782.421875px -59.765625px;
}
.task-main-container .sprite-black_square {
  background-position: -811.328125px -59.765625px;
}
.task-main-container .sprite-black_square_button {
  background-position: -1.953125px -88.671875px;
}
.task-main-container .sprite-blossom {
  background-position: -30.859375px -88.671875px;
}
.task-main-container .sprite-blowfish {
  background-position: -59.765625px -88.671875px;
}
.task-main-container .sprite-blue_book {
  background-position: -88.671875px -88.671875px;
}
.task-main-container .sprite-blue_car {
  background-position: -117.578125px -88.671875px;
}
.task-main-container .sprite-blue_heart {
  background-position: -146.484375px -88.671875px;
}
.task-main-container .sprite-blush {
  background-position: -175.390625px -88.671875px;
}
.task-main-container .sprite-boar {
  background-position: -204.296875px -88.671875px;
}
.task-main-container .sprite-boat {
  background-position: -233.203125px -88.671875px;
}
.task-main-container .sprite-bomb {
  background-position: -262.109375px -88.671875px;
}
.task-main-container .sprite-book {
  background-position: -291.015625px -88.671875px;
}
.task-main-container .sprite-bookmark {
  background-position: -319.921875px -88.671875px;
}
.task-main-container .sprite-bookmark_tabs {
  background-position: -348.828125px -88.671875px;
}
.task-main-container .sprite-books {
  background-position: -377.734375px -88.671875px;
}
.task-main-container .sprite-boom {
  background-position: -406.640625px -88.671875px;
}
.task-main-container .sprite-boot {
  background-position: -435.546875px -88.671875px;
}
.task-main-container .sprite-bouquet {
  background-position: -464.453125px -88.671875px;
}
.task-main-container .sprite-bow {
  background-position: -493.359375px -88.671875px;
}
.task-main-container .sprite-bowling {
  background-position: -522.265625px -88.671875px;
}
.task-main-container .sprite-bowtie {
  background-position: -551.171875px -88.671875px;
}
.task-main-container .sprite-boy {
  background-position: -580.078125px -88.671875px;
}
.task-main-container .sprite-bread {
  background-position: -608.984375px -88.671875px;
}
.task-main-container .sprite-bride_with_veil {
  background-position: -637.890625px -88.671875px;
}
.task-main-container .sprite-bridge_at_night {
  background-position: -666.796875px -88.671875px;
}
.task-main-container .sprite-briefcase {
  background-position: -695.703125px -88.671875px;
}
.task-main-container .sprite-broken_heart {
  background-position: -724.609375px -88.671875px;
}
.task-main-container .sprite-bug {
  background-position: -753.515625px -88.671875px;
}
.task-main-container .sprite-bulb {
  background-position: -782.421875px -88.671875px;
}
.task-main-container .sprite-bullettrain_front {
  background-position: -811.328125px -88.671875px;
}
.task-main-container .sprite-bullettrain_side {
  background-position: -1.953125px -117.578125px;
}
.task-main-container .sprite-bus {
  background-position: -30.859375px -117.578125px;
}
.task-main-container .sprite-busstop {
  background-position: -59.765625px -117.578125px;
}
.task-main-container .sprite-bust_in_silhouette {
  background-position: -88.671875px -117.578125px;
}
.task-main-container .sprite-busts_in_silhouette {
  background-position: -117.578125px -117.578125px;
}
.task-main-container .sprite-cactus {
  background-position: -146.484375px -117.578125px;
}
.task-main-container .sprite-cake {
  background-position: -175.390625px -117.578125px;
}
.task-main-container .sprite-calendar {
  background-position: -204.296875px -117.578125px;
}
.task-main-container .sprite-calling {
  background-position: -233.203125px -117.578125px;
}
.task-main-container .sprite-camel {
  background-position: -262.109375px -117.578125px;
}
.task-main-container .sprite-camera {
  background-position: -291.015625px -117.578125px;
}
.task-main-container .sprite-cancer {
  background-position: -319.921875px -117.578125px;
}
.task-main-container .sprite-candy {
  background-position: -348.828125px -117.578125px;
}
.task-main-container .sprite-capital_abcd {
  background-position: -377.734375px -117.578125px;
}
.task-main-container .sprite-capricorn {
  background-position: -406.640625px -117.578125px;
}
.task-main-container .sprite-car {
  background-position: -435.546875px -117.578125px;
}
.task-main-container .sprite-card_index {
  background-position: -464.453125px -117.578125px;
}
.task-main-container .sprite-carousel_horse {
  background-position: -493.359375px -117.578125px;
}
.task-main-container .sprite-cat {
  background-position: -522.265625px -117.578125px;
}
.task-main-container .sprite-cat2 {
  background-position: -551.171875px -117.578125px;
}
.task-main-container .sprite-cd {
  background-position: -580.078125px -117.578125px;
}
.task-main-container .sprite-chart {
  background-position: -608.984375px -117.578125px;
}
.task-main-container .sprite-chart_with_downwards_trend {
  background-position: -637.890625px -117.578125px;
}
.task-main-container .sprite-chart_with_upwards_trend {
  background-position: -666.796875px -117.578125px;
}
.task-main-container .sprite-checkered_flag {
  background-position: -695.703125px -117.578125px;
}
.task-main-container .sprite-cherries {
  background-position: -724.609375px -117.578125px;
}
.task-main-container .sprite-cherry_blossom {
  background-position: -753.515625px -117.578125px;
}
.task-main-container .sprite-chestnut {
  background-position: -782.421875px -117.578125px;
}
.task-main-container .sprite-chicken {
  background-position: -811.328125px -117.578125px;
}
.task-main-container .sprite-children_crossing {
  background-position: -1.953125px -146.484375px;
}
.task-main-container .sprite-chocolate_bar {
  background-position: -30.859375px -146.484375px;
}
.task-main-container .sprite-christmas_tree {
  background-position: -59.765625px -146.484375px;
}
.task-main-container .sprite-church {
  background-position: -88.671875px -146.484375px;
}
.task-main-container .sprite-cinema {
  background-position: -117.578125px -146.484375px;
}
.task-main-container .sprite-circus_tent {
  background-position: -146.484375px -146.484375px;
}
.task-main-container .sprite-city_sunrise {
  background-position: -175.390625px -146.484375px;
}
.task-main-container .sprite-city_sunset {
  background-position: -204.296875px -146.484375px;
}
.task-main-container .sprite-cl {
  background-position: -233.203125px -146.484375px;
}
.task-main-container .sprite-clap {
  background-position: -262.109375px -146.484375px;
}
.task-main-container .sprite-clapper {
  background-position: -291.015625px -146.484375px;
}
.task-main-container .sprite-clipboard {
  background-position: -319.921875px -146.484375px;
}
.task-main-container .sprite-clock1 {
  background-position: -348.828125px -146.484375px;
}
.task-main-container .sprite-clock10 {
  background-position: -377.734375px -146.484375px;
}
.task-main-container .sprite-clock1030 {
  background-position: -406.640625px -146.484375px;
}
.task-main-container .sprite-clock11 {
  background-position: -435.546875px -146.484375px;
}
.task-main-container .sprite-clock1130 {
  background-position: -464.453125px -146.484375px;
}
.task-main-container .sprite-clock12 {
  background-position: -493.359375px -146.484375px;
}
.task-main-container .sprite-clock1230 {
  background-position: -522.265625px -146.484375px;
}
.task-main-container .sprite-clock130 {
  background-position: -551.171875px -146.484375px;
}
.task-main-container .sprite-clock2 {
  background-position: -580.078125px -146.484375px;
}
.task-main-container .sprite-clock230 {
  background-position: -608.984375px -146.484375px;
}
.task-main-container .sprite-clock3 {
  background-position: -637.890625px -146.484375px;
}
.task-main-container .sprite-clock330 {
  background-position: -666.796875px -146.484375px;
}
.task-main-container .sprite-clock4 {
  background-position: -695.703125px -146.484375px;
}
.task-main-container .sprite-clock430 {
  background-position: -724.609375px -146.484375px;
}
.task-main-container .sprite-clock5 {
  background-position: -753.515625px -146.484375px;
}
.task-main-container .sprite-clock530 {
  background-position: -782.421875px -146.484375px;
}
.task-main-container .sprite-clock6 {
  background-position: -811.328125px -146.484375px;
}
.task-main-container .sprite-clock630 {
  background-position: -1.953125px -175.390625px;
}
.task-main-container .sprite-clock7 {
  background-position: -30.859375px -175.390625px;
}
.task-main-container .sprite-clock730 {
  background-position: -59.765625px -175.390625px;
}
.task-main-container .sprite-clock8 {
  background-position: -88.671875px -175.390625px;
}
.task-main-container .sprite-clock830 {
  background-position: -117.578125px -175.390625px;
}
.task-main-container .sprite-clock9 {
  background-position: -146.484375px -175.390625px;
}
.task-main-container .sprite-clock930 {
  background-position: -175.390625px -175.390625px;
}
.task-main-container .sprite-closed_book {
  background-position: -204.296875px -175.390625px;
}
.task-main-container .sprite-closed_lock_with_key {
  background-position: -233.203125px -175.390625px;
}
.task-main-container .sprite-closed_umbrella {
  background-position: -262.109375px -175.390625px;
}
.task-main-container .sprite-cloud {
  background-position: -291.015625px -175.390625px;
}
.task-main-container .sprite-clubs {
  background-position: -319.921875px -175.390625px;
}
.task-main-container .sprite-cn {
  background-position: -348.828125px -175.390625px;
}
.task-main-container .sprite-cocktail {
  background-position: -377.734375px -175.390625px;
}
.task-main-container .sprite-coffee {
  background-position: -406.640625px -175.390625px;
}
.task-main-container .sprite-cold_sweat {
  background-position: -435.546875px -175.390625px;
}
.task-main-container .sprite-collision {
  background-position: -464.453125px -175.390625px;
}
.task-main-container .sprite-computer {
  background-position: -493.359375px -175.390625px;
}
.task-main-container .sprite-confetti_ball {
  background-position: -522.265625px -175.390625px;
}
.task-main-container .sprite-confounded {
  background-position: -551.171875px -175.390625px;
}
.task-main-container .sprite-confused {
  background-position: -580.078125px -175.390625px;
}
.task-main-container .sprite-congratulations {
  background-position: -608.984375px -175.390625px;
}
.task-main-container .sprite-construction {
  background-position: -637.890625px -175.390625px;
}
.task-main-container .sprite-construction_worker {
  background-position: -666.796875px -175.390625px;
}
.task-main-container .sprite-convenience_store {
  background-position: -695.703125px -175.390625px;
}
.task-main-container .sprite-cookie {
  background-position: -724.609375px -175.390625px;
}
.task-main-container .sprite-cool {
  background-position: -753.515625px -175.390625px;
}
.task-main-container .sprite-cop {
  background-position: -782.421875px -175.390625px;
}
.task-main-container .sprite-copyright {
  background-position: -811.328125px -175.390625px;
}
.task-main-container .sprite-corn {
  background-position: -1.953125px -204.296875px;
}
.task-main-container .sprite-couple {
  background-position: -30.859375px -204.296875px;
}
.task-main-container .sprite-couple_with_heart {
  background-position: -59.765625px -204.296875px;
}
.task-main-container .sprite-couplekiss {
  background-position: -88.671875px -204.296875px;
}
.task-main-container .sprite-cow {
  background-position: -117.578125px -204.296875px;
}
.task-main-container .sprite-cow2 {
  background-position: -146.484375px -204.296875px;
}
.task-main-container .sprite-credit_card {
  background-position: -175.390625px -204.296875px;
}
.task-main-container .sprite-crescent_moon {
  background-position: -204.296875px -204.296875px;
}
.task-main-container .sprite-crocodile {
  background-position: -233.203125px -204.296875px;
}
.task-main-container .sprite-crossed_flags {
  background-position: -262.109375px -204.296875px;
}
.task-main-container .sprite-crown {
  background-position: -291.015625px -204.296875px;
}
.task-main-container .sprite-cry {
  background-position: -319.921875px -204.296875px;
}
.task-main-container .sprite-crying_cat_face {
  background-position: -348.828125px -204.296875px;
}
.task-main-container .sprite-crystal_ball {
  background-position: -377.734375px -204.296875px;
}
.task-main-container .sprite-cupid {
  background-position: -406.640625px -204.296875px;
}
.task-main-container .sprite-curly_loop {
  background-position: -435.546875px -204.296875px;
}
.task-main-container .sprite-currency_exchange {
  background-position: -464.453125px -204.296875px;
}
.task-main-container .sprite-curry {
  background-position: -493.359375px -204.296875px;
}
.task-main-container .sprite-custard {
  background-position: -522.265625px -204.296875px;
}
.task-main-container .sprite-customs {
  background-position: -551.171875px -204.296875px;
}
.task-main-container .sprite-cyclone {
  background-position: -580.078125px -204.296875px;
}
.task-main-container .sprite-dancer {
  background-position: -608.984375px -204.296875px;
}
.task-main-container .sprite-dancers {
  background-position: -637.890625px -204.296875px;
}
.task-main-container .sprite-dango {
  background-position: -666.796875px -204.296875px;
}
.task-main-container .sprite-dart {
  background-position: -695.703125px -204.296875px;
}
.task-main-container .sprite-dash {
  background-position: -724.609375px -204.296875px;
}
.task-main-container .sprite-date {
  background-position: -753.515625px -204.296875px;
}
.task-main-container .sprite-de {
  background-position: -782.421875px -204.296875px;
}
.task-main-container .sprite-deciduous_tree {
  background-position: -811.328125px -204.296875px;
}
.task-main-container .sprite-department_store {
  background-position: -1.953125px -233.203125px;
}
.task-main-container .sprite-diamond_shape_with_a_dot_inside {
  background-position: -30.859375px -233.203125px;
}
.task-main-container .sprite-diamonds {
  background-position: -59.765625px -233.203125px;
}
.task-main-container .sprite-disappointed {
  background-position: -88.671875px -233.203125px;
}
.task-main-container .sprite-disappointed_relieved {
  background-position: -117.578125px -233.203125px;
}
.task-main-container .sprite-dizzy {
  background-position: -146.484375px -233.203125px;
}
.task-main-container .sprite-dizzy_face {
  background-position: -175.390625px -233.203125px;
}
.task-main-container .sprite-do_not_litter {
  background-position: -204.296875px -233.203125px;
}
.task-main-container .sprite-dog {
  background-position: -233.203125px -233.203125px;
}
.task-main-container .sprite-dog2 {
  background-position: -262.109375px -233.203125px;
}
.task-main-container .sprite-dollar {
  background-position: -291.015625px -233.203125px;
}
.task-main-container .sprite-dolls {
  background-position: -319.921875px -233.203125px;
}
.task-main-container .sprite-dolphin {
  background-position: -348.828125px -233.203125px;
}
.task-main-container .sprite-donut {
  background-position: -377.734375px -233.203125px;
}
.task-main-container .sprite-door {
  background-position: -406.640625px -233.203125px;
}
.task-main-container .sprite-doughnut {
  background-position: -435.546875px -233.203125px;
}
.task-main-container .sprite-dragon {
  background-position: -464.453125px -233.203125px;
}
.task-main-container .sprite-dragon_face {
  background-position: -493.359375px -233.203125px;
}
.task-main-container .sprite-dress {
  background-position: -522.265625px -233.203125px;
}
.task-main-container .sprite-dromedary_camel {
  background-position: -551.171875px -233.203125px;
}
.task-main-container .sprite-droplet {
  background-position: -580.078125px -233.203125px;
}
.task-main-container .sprite-dvd {
  background-position: -608.984375px -233.203125px;
}
.task-main-container .sprite-e-mail {
  background-position: -637.890625px -233.203125px;
}
.task-main-container .sprite-ear {
  background-position: -666.796875px -233.203125px;
}
.task-main-container .sprite-ear_of_rice {
  background-position: -695.703125px -233.203125px;
}
.task-main-container .sprite-earth_africa {
  background-position: -724.609375px -233.203125px;
}
.task-main-container .sprite-earth_americas {
  background-position: -753.515625px -233.203125px;
}
.task-main-container .sprite-earth_asia {
  background-position: -782.421875px -233.203125px;
}
.task-main-container .sprite-egg {
  background-position: -811.328125px -233.203125px;
}
.task-main-container .sprite-eggplant {
  background-position: -1.953125px -262.109375px;
}
.task-main-container .sprite-eight {
  background-position: -30.859375px -262.109375px;
}
.task-main-container .sprite-eight_pointed_black_star {
  background-position: -59.765625px -262.109375px;
}
.task-main-container .sprite-eight_spoked_asterisk {
  background-position: -88.671875px -262.109375px;
}
.task-main-container .sprite-electric_plug {
  background-position: -117.578125px -262.109375px;
}
.task-main-container .sprite-elephant {
  background-position: -146.484375px -262.109375px;
}
.task-main-container .sprite-email {
  background-position: -175.390625px -262.109375px;
}
.task-main-container .sprite-end {
  background-position: -204.296875px -262.109375px;
}
.task-main-container .sprite-envelope {
  background-position: -233.203125px -262.109375px;
}
.task-main-container .sprite-es {
  background-position: -262.109375px -262.109375px;
}
.task-main-container .sprite-euro {
  background-position: -291.015625px -262.109375px;
}
.task-main-container .sprite-european_castle {
  background-position: -319.921875px -262.109375px;
}
.task-main-container .sprite-european_post_office {
  background-position: -348.828125px -262.109375px;
}
.task-main-container .sprite-evergreen_tree {
  background-position: -377.734375px -262.109375px;
}
.task-main-container .sprite-exclamation {
  background-position: -406.640625px -262.109375px;
}
.task-main-container .sprite-expressionless {
  background-position: -435.546875px -262.109375px;
}
.task-main-container .sprite-eyeglasses {
  background-position: -464.453125px -262.109375px;
}
.task-main-container .sprite-eyes {
  background-position: -493.359375px -262.109375px;
}
.task-main-container .sprite-facepunch {
  background-position: -522.265625px -262.109375px;
}
.task-main-container .sprite-factory {
  background-position: -551.171875px -262.109375px;
}
.task-main-container .sprite-fallen_leaf {
  background-position: -580.078125px -262.109375px;
}
.task-main-container .sprite-family {
  background-position: -608.984375px -262.109375px;
}
.task-main-container .sprite-fast_forward {
  background-position: -637.890625px -262.109375px;
}
.task-main-container .sprite-fax {
  background-position: -666.796875px -262.109375px;
}
.task-main-container .sprite-fearful {
  background-position: -695.703125px -262.109375px;
}
.task-main-container .sprite-feelsgood {
  background-position: -724.609375px -262.109375px;
}
.task-main-container .sprite-feet {
  background-position: -753.515625px -262.109375px;
}
.task-main-container .sprite-ferris_wheel {
  background-position: -782.421875px -262.109375px;
}
.task-main-container .sprite-file_folder {
  background-position: -811.328125px -262.109375px;
}
.task-main-container .sprite-finnadie {
  background-position: -1.953125px -291.015625px;
}
.task-main-container .sprite-fire {
  background-position: -30.859375px -291.015625px;
}
.task-main-container .sprite-fire_engine {
  background-position: -59.765625px -291.015625px;
}
.task-main-container .sprite-fireworks {
  background-position: -88.671875px -291.015625px;
}
.task-main-container .sprite-first_quarter_moon {
  background-position: -117.578125px -291.015625px;
}
.task-main-container .sprite-first_quarter_moon_with_face {
  background-position: -146.484375px -291.015625px;
}
.task-main-container .sprite-fish {
  background-position: -175.390625px -291.015625px;
}
.task-main-container .sprite-fish_cake {
  background-position: -204.296875px -291.015625px;
}
.task-main-container .sprite-fishing_pole_and_fish {
  background-position: -233.203125px -291.015625px;
}
.task-main-container .sprite-fist {
  background-position: -262.109375px -291.015625px;
}
.task-main-container .sprite-five {
  background-position: -291.015625px -291.015625px;
}
.task-main-container .sprite-flags {
  background-position: -319.921875px -291.015625px;
}
.task-main-container .sprite-flashlight {
  background-position: -348.828125px -291.015625px;
}
.task-main-container .sprite-floppy_disk {
  background-position: -377.734375px -291.015625px;
}
.task-main-container .sprite-flower_playing_cards {
  background-position: -406.640625px -291.015625px;
}
.task-main-container .sprite-flushed {
  background-position: -435.546875px -291.015625px;
}
.task-main-container .sprite-foggy {
  background-position: -464.453125px -291.015625px;
}
.task-main-container .sprite-football {
  background-position: -493.359375px -291.015625px;
}
.task-main-container .sprite-fork_and_knife {
  background-position: -522.265625px -291.015625px;
}
.task-main-container .sprite-fountain {
  background-position: -551.171875px -291.015625px;
}
.task-main-container .sprite-four {
  background-position: -580.078125px -291.015625px;
}
.task-main-container .sprite-four_leaf_clover {
  background-position: -608.984375px -291.015625px;
}
.task-main-container .sprite-fr {
  background-position: -637.890625px -291.015625px;
}
.task-main-container .sprite-free {
  background-position: -666.796875px -291.015625px;
}
.task-main-container .sprite-fried_shrimp {
  background-position: -695.703125px -291.015625px;
}
.task-main-container .sprite-fries {
  background-position: -724.609375px -291.015625px;
}
.task-main-container .sprite-frog {
  background-position: -753.515625px -291.015625px;
}
.task-main-container .sprite-frowning {
  background-position: -782.421875px -291.015625px;
}
.task-main-container .sprite-fu {
  background-position: -811.328125px -291.015625px;
}
.task-main-container .sprite-fuelpump {
  background-position: -1.953125px -319.921875px;
}
.task-main-container .sprite-full_moon {
  background-position: -30.859375px -319.921875px;
}
.task-main-container .sprite-full_moon_with_face {
  background-position: -59.765625px -319.921875px;
}
.task-main-container .sprite-game_die {
  background-position: -88.671875px -319.921875px;
}
.task-main-container .sprite-gb {
  background-position: -117.578125px -319.921875px;
}
.task-main-container .sprite-gem {
  background-position: -146.484375px -319.921875px;
}
.task-main-container .sprite-gemini {
  background-position: -175.390625px -319.921875px;
}
.task-main-container .sprite-ghost {
  background-position: -204.296875px -319.921875px;
}
.task-main-container .sprite-gift {
  background-position: -233.203125px -319.921875px;
}
.task-main-container .sprite-gift_heart {
  background-position: -262.109375px -319.921875px;
}
.task-main-container .sprite-girl {
  background-position: -291.015625px -319.921875px;
}
.task-main-container .sprite-github {
  background-position: -840.234375px -1.953125px;
}
.task-main-container .sprite-globe_with_meridians {
  background-position: -319.921875px -319.921875px;
}
.task-main-container .sprite-gmail {
  background-position: -840.234375px -17.578125px;
}
.task-main-container .sprite-goat {
  background-position: -348.828125px -319.921875px;
}
.task-main-container .sprite-goberserk {
  background-position: -377.734375px -319.921875px;
}
.task-main-container .sprite-godmode {
  background-position: -406.640625px -319.921875px;
}
.task-main-container .sprite-golf {
  background-position: -435.546875px -319.921875px;
}
.task-main-container .sprite-grapes {
  background-position: -464.453125px -319.921875px;
}
.task-main-container .sprite-green_apple {
  background-position: -493.359375px -319.921875px;
}
.task-main-container .sprite-green_book {
  background-position: -522.265625px -319.921875px;
}
.task-main-container .sprite-green_heart {
  background-position: -551.171875px -319.921875px;
}
.task-main-container .sprite-grey_exclamation {
  background-position: -580.078125px -319.921875px;
}
.task-main-container .sprite-grey_question {
  background-position: -608.984375px -319.921875px;
}
.task-main-container .sprite-grimacing {
  background-position: -637.890625px -319.921875px;
}
.task-main-container .sprite-grin {
  background-position: -666.796875px -319.921875px;
}
.task-main-container .sprite-grinning {
  background-position: -695.703125px -319.921875px;
}
.task-main-container .sprite-guardsman {
  background-position: -724.609375px -319.921875px;
}
.task-main-container .sprite-guitar {
  background-position: -753.515625px -319.921875px;
}
.task-main-container .sprite-gun {
  background-position: -782.421875px -319.921875px;
}
.task-main-container .sprite-haircut {
  background-position: -811.328125px -319.921875px;
}
.task-main-container .sprite-hamburger {
  background-position: -1.953125px -348.828125px;
}
.task-main-container .sprite-hammer {
  background-position: -30.859375px -348.828125px;
}
.task-main-container .sprite-hamster {
  background-position: -59.765625px -348.828125px;
}
.task-main-container .sprite-hand {
  background-position: -88.671875px -348.828125px;
}
.task-main-container .sprite-handbag {
  background-position: -117.578125px -348.828125px;
}
.task-main-container .sprite-hankey {
  background-position: -146.484375px -348.828125px;
}
.task-main-container .sprite-hash {
  background-position: -175.390625px -348.828125px;
}
.task-main-container .sprite-hatched_chick {
  background-position: -204.296875px -348.828125px;
}
.task-main-container .sprite-hatching_chick {
  background-position: -233.203125px -348.828125px;
}
.task-main-container .sprite-headphones {
  background-position: -262.109375px -348.828125px;
}
.task-main-container .sprite-hear_no_evil {
  background-position: -291.015625px -348.828125px;
}
.task-main-container .sprite-heart {
  background-position: -319.921875px -348.828125px;
}
.task-main-container .sprite-heart_decoration {
  background-position: -348.828125px -348.828125px;
}
.task-main-container .sprite-heart_eyes {
  background-position: -377.734375px -348.828125px;
}
.task-main-container .sprite-heart_eyes_cat {
  background-position: -406.640625px -348.828125px;
}
.task-main-container .sprite-heartbeat {
  background-position: -435.546875px -348.828125px;
}
.task-main-container .sprite-heartpulse {
  background-position: -464.453125px -348.828125px;
}
.task-main-container .sprite-hearts {
  background-position: -493.359375px -348.828125px;
}
.task-main-container .sprite-heavy_check_mark {
  background-position: -522.265625px -348.828125px;
}
.task-main-container .sprite-heavy_division_sign {
  background-position: -551.171875px -348.828125px;
}
.task-main-container .sprite-heavy_dollar_sign {
  background-position: -580.078125px -348.828125px;
}
.task-main-container .sprite-heavy_exclamation_mark {
  background-position: -608.984375px -348.828125px;
}
.task-main-container .sprite-heavy_minus_sign {
  background-position: -637.890625px -348.828125px;
}
.task-main-container .sprite-heavy_multiplication_x {
  background-position: -666.796875px -348.828125px;
}
.task-main-container .sprite-heavy_plus_sign {
  background-position: -695.703125px -348.828125px;
}
.task-main-container .sprite-helicopter {
  background-position: -724.609375px -348.828125px;
}
.task-main-container .sprite-herb {
  background-position: -753.515625px -348.828125px;
}
.task-main-container .sprite-hibiscus {
  background-position: -782.421875px -348.828125px;
}
.task-main-container .sprite-high_brightness {
  background-position: -811.328125px -348.828125px;
}
.task-main-container .sprite-high_heel {
  background-position: -1.953125px -377.734375px;
}
.task-main-container .sprite-hocho {
  background-position: -30.859375px -377.734375px;
}
.task-main-container .sprite-honey_pot {
  background-position: -59.765625px -377.734375px;
}
.task-main-container .sprite-honeybee {
  background-position: -88.671875px -377.734375px;
}
.task-main-container .sprite-horse {
  background-position: -117.578125px -377.734375px;
}
.task-main-container .sprite-horse_racing {
  background-position: -146.484375px -377.734375px;
}
.task-main-container .sprite-hospital {
  background-position: -175.390625px -377.734375px;
}
.task-main-container .sprite-hotel {
  background-position: -204.296875px -377.734375px;
}
.task-main-container .sprite-hotsprings {
  background-position: -233.203125px -377.734375px;
}
.task-main-container .sprite-hourglass {
  background-position: -262.109375px -377.734375px;
}
.task-main-container .sprite-hourglass_flowing_sand {
  background-position: -291.015625px -377.734375px;
}
.task-main-container .sprite-house {
  background-position: -319.921875px -377.734375px;
}
.task-main-container .sprite-house_with_garden {
  background-position: -348.828125px -377.734375px;
}
.task-main-container .sprite-hurtrealbad {
  background-position: -377.734375px -377.734375px;
}
.task-main-container .sprite-hushed {
  background-position: -406.640625px -377.734375px;
}
.task-main-container .sprite-ice_cream {
  background-position: -435.546875px -377.734375px;
}
.task-main-container .sprite-icecream {
  background-position: -464.453125px -377.734375px;
}
.task-main-container .sprite-id {
  background-position: -493.359375px -377.734375px;
}
.task-main-container .sprite-ideograph_advantage {
  background-position: -522.265625px -377.734375px;
}
.task-main-container .sprite-imp {
  background-position: -551.171875px -377.734375px;
}
.task-main-container .sprite-inbox_tray {
  background-position: -580.078125px -377.734375px;
}
.task-main-container .sprite-incoming_envelope {
  background-position: -608.984375px -377.734375px;
}
.task-main-container .sprite-information_desk_person {
  background-position: -637.890625px -377.734375px;
}
.task-main-container .sprite-information_source {
  background-position: -666.796875px -377.734375px;
}
.task-main-container .sprite-innocent {
  background-position: -695.703125px -377.734375px;
}
.task-main-container .sprite-interrobang {
  background-position: -724.609375px -377.734375px;
}
.task-main-container .sprite-iphone {
  background-position: -753.515625px -377.734375px;
}
.task-main-container .sprite-it {
  background-position: -782.421875px -377.734375px;
}
.task-main-container .sprite-izakaya_lantern {
  background-position: -811.328125px -377.734375px;
}
.task-main-container .sprite-jack_o_lantern {
  background-position: -1.953125px -406.640625px;
}
.task-main-container .sprite-japan {
  background-position: -30.859375px -406.640625px;
}
.task-main-container .sprite-japanese_castle {
  background-position: -59.765625px -406.640625px;
}
.task-main-container .sprite-japanese_goblin {
  background-position: -88.671875px -406.640625px;
}
.task-main-container .sprite-japanese_ogre {
  background-position: -117.578125px -406.640625px;
}
.task-main-container .sprite-jeans {
  background-position: -146.484375px -406.640625px;
}
.task-main-container .sprite-joy {
  background-position: -175.390625px -406.640625px;
}
.task-main-container .sprite-joy_cat {
  background-position: -204.296875px -406.640625px;
}
.task-main-container .sprite-jp {
  background-position: -233.203125px -406.640625px;
}
.task-main-container .sprite-key {
  background-position: -262.109375px -406.640625px;
}
.task-main-container .sprite-keycap_ten {
  background-position: -291.015625px -406.640625px;
}
.task-main-container .sprite-kimono {
  background-position: -319.921875px -406.640625px;
}
.task-main-container .sprite-kiss {
  background-position: -348.828125px -406.640625px;
}
.task-main-container .sprite-kissing {
  background-position: -377.734375px -406.640625px;
}
.task-main-container .sprite-kissing_cat {
  background-position: -406.640625px -406.640625px;
}
.task-main-container .sprite-kissing_closed_eyes {
  background-position: -435.546875px -406.640625px;
}
.task-main-container .sprite-kissing_face {
  background-position: -464.453125px -406.640625px;
}
.task-main-container .sprite-kissing_heart {
  background-position: -493.359375px -406.640625px;
}
.task-main-container .sprite-kissing_smiling_eyes {
  background-position: -522.265625px -406.640625px;
}
.task-main-container .sprite-koala {
  background-position: -551.171875px -406.640625px;
}
.task-main-container .sprite-koko {
  background-position: -580.078125px -406.640625px;
}
.task-main-container .sprite-kr {
  background-position: -608.984375px -406.640625px;
}
.task-main-container .sprite-large_blue_circle {
  background-position: -637.890625px -406.640625px;
}
.task-main-container .sprite-large_blue_diamond {
  background-position: -666.796875px -406.640625px;
}
.task-main-container .sprite-large_orange_diamond {
  background-position: -695.703125px -406.640625px;
}
.task-main-container .sprite-last_quarter_moon {
  background-position: -724.609375px -406.640625px;
}
.task-main-container .sprite-last_quarter_moon_with_face {
  background-position: -753.515625px -406.640625px;
}
.task-main-container .sprite-laughing {
  background-position: -782.421875px -406.640625px;
}
.task-main-container .sprite-leaves {
  background-position: -811.328125px -406.640625px;
}
.task-main-container .sprite-ledger {
  background-position: -1.953125px -435.546875px;
}
.task-main-container .sprite-left_luggage {
  background-position: -30.859375px -435.546875px;
}
.task-main-container .sprite-left_right_arrow {
  background-position: -59.765625px -435.546875px;
}
.task-main-container .sprite-leftwards_arrow_with_hook {
  background-position: -88.671875px -435.546875px;
}
.task-main-container .sprite-lemon {
  background-position: -117.578125px -435.546875px;
}
.task-main-container .sprite-leo {
  background-position: -146.484375px -435.546875px;
}
.task-main-container .sprite-leopard {
  background-position: -175.390625px -435.546875px;
}
.task-main-container .sprite-libra {
  background-position: -204.296875px -435.546875px;
}
.task-main-container .sprite-light_rail {
  background-position: -233.203125px -435.546875px;
}
.task-main-container .sprite-link {
  background-position: -262.109375px -435.546875px;
}
.task-main-container .sprite-linkedin {
  background-position: -840.234375px -33.203125px;
}
.task-main-container .sprite-lips {
  background-position: -291.015625px -435.546875px;
}
.task-main-container .sprite-lipstick {
  background-position: -319.921875px -435.546875px;
}
.task-main-container .sprite-lock {
  background-position: -348.828125px -435.546875px;
}
.task-main-container .sprite-lock_with_ink_pen {
  background-position: -377.734375px -435.546875px;
}
.task-main-container .sprite-lollipop {
  background-position: -406.640625px -435.546875px;
}
.task-main-container .sprite-loop {
  background-position: -435.546875px -435.546875px;
}
.task-main-container .sprite-loudspeaker {
  background-position: -464.453125px -435.546875px;
}
.task-main-container .sprite-love_hotel {
  background-position: -493.359375px -435.546875px;
}
.task-main-container .sprite-love_letter {
  background-position: -522.265625px -435.546875px;
}
.task-main-container .sprite-low_brightness {
  background-position: -551.171875px -435.546875px;
}
.task-main-container .sprite-m {
  background-position: -580.078125px -435.546875px;
}
.task-main-container .sprite-mag {
  background-position: -608.984375px -435.546875px;
}
.task-main-container .sprite-mag_right {
  background-position: -637.890625px -435.546875px;
}
.task-main-container .sprite-mahjong {
  background-position: -666.796875px -435.546875px;
}
.task-main-container .sprite-mailbox {
  background-position: -695.703125px -435.546875px;
}
.task-main-container .sprite-mailbox_closed {
  background-position: -724.609375px -435.546875px;
}
.task-main-container .sprite-mailbox_with_mail {
  background-position: -753.515625px -435.546875px;
}
.task-main-container .sprite-mailbox_with_no_mail {
  background-position: -782.421875px -435.546875px;
}
.task-main-container .sprite-man {
  background-position: -811.328125px -435.546875px;
}
.task-main-container .sprite-man_with_gua_pi_mao {
  background-position: -1.953125px -464.453125px;
}
.task-main-container .sprite-man_with_turban {
  background-position: -30.859375px -464.453125px;
}
.task-main-container .sprite-mans_shoe {
  background-position: -59.765625px -464.453125px;
}
.task-main-container .sprite-maple_leaf {
  background-position: -88.671875px -464.453125px;
}
.task-main-container .sprite-mask {
  background-position: -117.578125px -464.453125px;
}
.task-main-container .sprite-massage {
  background-position: -146.484375px -464.453125px;
}
.task-main-container .sprite-meat_on_bone {
  background-position: -175.390625px -464.453125px;
}
.task-main-container .sprite-mega {
  background-position: -204.296875px -464.453125px;
}
.task-main-container .sprite-melon {
  background-position: -233.203125px -464.453125px;
}
.task-main-container .sprite-memo {
  background-position: -262.109375px -464.453125px;
}
.task-main-container .sprite-mens {
  background-position: -291.015625px -464.453125px;
}
.task-main-container .sprite-metal {
  background-position: -319.921875px -464.453125px;
}
.task-main-container .sprite-metro {
  background-position: -348.828125px -464.453125px;
}
.task-main-container .sprite-microphone {
  background-position: -377.734375px -464.453125px;
}
.task-main-container .sprite-microscope {
  background-position: -406.640625px -464.453125px;
}
.task-main-container .sprite-milky_way {
  background-position: -435.546875px -464.453125px;
}
.task-main-container .sprite-minibus {
  background-position: -464.453125px -464.453125px;
}
.task-main-container .sprite-minidisc {
  background-position: -493.359375px -464.453125px;
}
.task-main-container .sprite-mobile_phone_off {
  background-position: -522.265625px -464.453125px;
}
.task-main-container .sprite-money_with_wings {
  background-position: -551.171875px -464.453125px;
}
.task-main-container .sprite-moneybag {
  background-position: -580.078125px -464.453125px;
}
.task-main-container .sprite-monkey {
  background-position: -608.984375px -464.453125px;
}
.task-main-container .sprite-monkey_face {
  background-position: -637.890625px -464.453125px;
}
.task-main-container .sprite-monorail {
  background-position: -666.796875px -464.453125px;
}
.task-main-container .sprite-mortar_board {
  background-position: -695.703125px -464.453125px;
}
.task-main-container .sprite-mount_fuji {
  background-position: -724.609375px -464.453125px;
}
.task-main-container .sprite-mountain_bicyclist {
  background-position: -753.515625px -464.453125px;
}
.task-main-container .sprite-mountain_cableway {
  background-position: -782.421875px -464.453125px;
}
.task-main-container .sprite-mountain_railway {
  background-position: -811.328125px -464.453125px;
}
.task-main-container .sprite-mouse {
  background-position: -1.953125px -493.359375px;
}
.task-main-container .sprite-mouse2 {
  background-position: -30.859375px -493.359375px;
}
.task-main-container .sprite-movie_camera {
  background-position: -59.765625px -493.359375px;
}
.task-main-container .sprite-moyai {
  background-position: -88.671875px -493.359375px;
}
.task-main-container .sprite-muscle {
  background-position: -117.578125px -493.359375px;
}
.task-main-container .sprite-mushroom {
  background-position: -146.484375px -493.359375px;
}
.task-main-container .sprite-musical_keyboard {
  background-position: -175.390625px -493.359375px;
}
.task-main-container .sprite-musical_note {
  background-position: -204.296875px -493.359375px;
}
.task-main-container .sprite-musical_score {
  background-position: -233.203125px -493.359375px;
}
.task-main-container .sprite-mute {
  background-position: -262.109375px -493.359375px;
}
.task-main-container .sprite-nail_care {
  background-position: -291.015625px -493.359375px;
}
.task-main-container .sprite-name_badge {
  background-position: -319.921875px -493.359375px;
}
.task-main-container .sprite-neckbeard {
  background-position: -348.828125px -493.359375px;
}
.task-main-container .sprite-necktie {
  background-position: -377.734375px -493.359375px;
}
.task-main-container .sprite-negative_squared_cross_mark {
  background-position: -406.640625px -493.359375px;
}
.task-main-container .sprite-neutral_face {
  background-position: -435.546875px -493.359375px;
}
.task-main-container .sprite-new {
  background-position: -464.453125px -493.359375px;
}
.task-main-container .sprite-new_moon {
  background-position: -493.359375px -493.359375px;
}
.task-main-container .sprite-new_moon_with_face {
  background-position: -522.265625px -493.359375px;
}
.task-main-container .sprite-newspaper {
  background-position: -551.171875px -493.359375px;
}
.task-main-container .sprite-ng {
  background-position: -580.078125px -493.359375px;
}
.task-main-container .sprite-nine {
  background-position: -608.984375px -493.359375px;
}
.task-main-container .sprite-no_bell {
  background-position: -637.890625px -493.359375px;
}
.task-main-container .sprite-no_bicycles {
  background-position: -666.796875px -493.359375px;
}
.task-main-container .sprite-no_entry {
  background-position: -695.703125px -493.359375px;
}
.task-main-container .sprite-no_entry_sign {
  background-position: -724.609375px -493.359375px;
}
.task-main-container .sprite-no_good {
  background-position: -753.515625px -493.359375px;
}
.task-main-container .sprite-no_mobile_phones {
  background-position: -782.421875px -493.359375px;
}
.task-main-container .sprite-no_mouth {
  background-position: -811.328125px -493.359375px;
}
.task-main-container .sprite-no_pedestrians {
  background-position: -1.953125px -522.265625px;
}
.task-main-container .sprite-no_smoking {
  background-position: -30.859375px -522.265625px;
}
.task-main-container .sprite-non-potable_water {
  background-position: -59.765625px -522.265625px;
}
.task-main-container .sprite-nose {
  background-position: -88.671875px -522.265625px;
}
.task-main-container .sprite-notebook {
  background-position: -117.578125px -522.265625px;
}
.task-main-container .sprite-notebook_with_decorative_cover {
  background-position: -146.484375px -522.265625px;
}
.task-main-container .sprite-notes {
  background-position: -175.390625px -522.265625px;
}
.task-main-container .sprite-nut_and_bolt {
  background-position: -204.296875px -522.265625px;
}
.task-main-container .sprite-o {
  background-position: -233.203125px -522.265625px;
}
.task-main-container .sprite-o2 {
  background-position: -262.109375px -522.265625px;
}
.task-main-container .sprite-ocean {
  background-position: -291.015625px -522.265625px;
}
.task-main-container .sprite-octocat {
  background-position: -319.921875px -522.265625px;
}
.task-main-container .sprite-octopus {
  background-position: -348.828125px -522.265625px;
}
.task-main-container .sprite-oden {
  background-position: -377.734375px -522.265625px;
}
.task-main-container .sprite-office {
  background-position: -406.640625px -522.265625px;
}
.task-main-container .sprite-ok {
  background-position: -435.546875px -522.265625px;
}
.task-main-container .sprite-ok_hand {
  background-position: -464.453125px -522.265625px;
}
.task-main-container .sprite-ok_woman {
  background-position: -493.359375px -522.265625px;
}
.task-main-container .sprite-older_man {
  background-position: -522.265625px -522.265625px;
}
.task-main-container .sprite-older_woman {
  background-position: -551.171875px -522.265625px;
}
.task-main-container .sprite-on {
  background-position: -580.078125px -522.265625px;
}
.task-main-container .sprite-oncoming_automobile {
  background-position: -608.984375px -522.265625px;
}
.task-main-container .sprite-oncoming_bus {
  background-position: -637.890625px -522.265625px;
}
.task-main-container .sprite-oncoming_police_car {
  background-position: -666.796875px -522.265625px;
}
.task-main-container .sprite-oncoming_taxi {
  background-position: -695.703125px -522.265625px;
}
.task-main-container .sprite-one {
  background-position: -724.609375px -522.265625px;
}
.task-main-container .sprite-open_file_folder {
  background-position: -753.515625px -522.265625px;
}
.task-main-container .sprite-open_hands {
  background-position: -782.421875px -522.265625px;
}
.task-main-container .sprite-open_mouth {
  background-position: -811.328125px -522.265625px;
}
.task-main-container .sprite-ophiuchus {
  background-position: -1.953125px -551.171875px;
}
.task-main-container .sprite-orange_book {
  background-position: -30.859375px -551.171875px;
}
.task-main-container .sprite-outbox_tray {
  background-position: -59.765625px -551.171875px;
}
.task-main-container .sprite-ox {
  background-position: -88.671875px -551.171875px;
}
.task-main-container .sprite-package {
  background-position: -117.578125px -551.171875px;
}
.task-main-container .sprite-page_facing_up {
  background-position: -146.484375px -551.171875px;
}
.task-main-container .sprite-page_with_curl {
  background-position: -175.390625px -551.171875px;
}
.task-main-container .sprite-pager {
  background-position: -204.296875px -551.171875px;
}
.task-main-container .sprite-palm_tree {
  background-position: -233.203125px -551.171875px;
}
.task-main-container .sprite-panda_face {
  background-position: -262.109375px -551.171875px;
}
.task-main-container .sprite-paperclip {
  background-position: -291.015625px -551.171875px;
}
.task-main-container .sprite-parking {
  background-position: -319.921875px -551.171875px;
}
.task-main-container .sprite-part_alternation_mark {
  background-position: -348.828125px -551.171875px;
}
.task-main-container .sprite-partly_sunny {
  background-position: -377.734375px -551.171875px;
}
.task-main-container .sprite-passport_control {
  background-position: -406.640625px -551.171875px;
}
.task-main-container .sprite-paw_prints {
  background-position: -435.546875px -551.171875px;
}
.task-main-container .sprite-peach {
  background-position: -464.453125px -551.171875px;
}
.task-main-container .sprite-pear {
  background-position: -493.359375px -551.171875px;
}
.task-main-container .sprite-pencil {
  background-position: -522.265625px -551.171875px;
}
.task-main-container .sprite-pencil2 {
  background-position: -551.171875px -551.171875px;
}
.task-main-container .sprite-penguin {
  background-position: -580.078125px -551.171875px;
}
.task-main-container .sprite-pensive {
  background-position: -608.984375px -551.171875px;
}
.task-main-container .sprite-performing_arts {
  background-position: -637.890625px -551.171875px;
}
.task-main-container .sprite-persevere {
  background-position: -666.796875px -551.171875px;
}
.task-main-container .sprite-person_frowning {
  background-position: -695.703125px -551.171875px;
}
.task-main-container .sprite-person_with_blond_hair {
  background-position: -724.609375px -551.171875px;
}
.task-main-container .sprite-person_with_pouting_face {
  background-position: -753.515625px -551.171875px;
}
.task-main-container .sprite-phone {
  background-position: -782.421875px -551.171875px;
}
.task-main-container .sprite-pig {
  background-position: -811.328125px -551.171875px;
}
.task-main-container .sprite-pig2 {
  background-position: -1.953125px -580.078125px;
}
.task-main-container .sprite-pig_nose {
  background-position: -30.859375px -580.078125px;
}
.task-main-container .sprite-pill {
  background-position: -59.765625px -580.078125px;
}
.task-main-container .sprite-pineapple {
  background-position: -88.671875px -580.078125px;
}
.task-main-container .sprite-pisces {
  background-position: -117.578125px -580.078125px;
}
.task-main-container .sprite-pizza {
  background-position: -146.484375px -580.078125px;
}
.task-main-container .sprite-plus1 {
  background-position: -175.390625px -580.078125px;
}
.task-main-container .sprite-point_down {
  background-position: -204.296875px -580.078125px;
}
.task-main-container .sprite-point_left {
  background-position: -233.203125px -580.078125px;
}
.task-main-container .sprite-point_right {
  background-position: -262.109375px -580.078125px;
}
.task-main-container .sprite-point_up {
  background-position: -291.015625px -580.078125px;
}
.task-main-container .sprite-point_up_2 {
  background-position: -319.921875px -580.078125px;
}
.task-main-container .sprite-police_car {
  background-position: -348.828125px -580.078125px;
}
.task-main-container .sprite-poodle {
  background-position: -377.734375px -580.078125px;
}
.task-main-container .sprite-poop {
  background-position: -406.640625px -580.078125px;
}
.task-main-container .sprite-post_office {
  background-position: -435.546875px -580.078125px;
}
.task-main-container .sprite-postal_horn {
  background-position: -464.453125px -580.078125px;
}
.task-main-container .sprite-postbox {
  background-position: -493.359375px -580.078125px;
}
.task-main-container .sprite-potable_water {
  background-position: -522.265625px -580.078125px;
}
.task-main-container .sprite-pouch {
  background-position: -551.171875px -580.078125px;
}
.task-main-container .sprite-poultry_leg {
  background-position: -580.078125px -580.078125px;
}
.task-main-container .sprite-pound {
  background-position: -608.984375px -580.078125px;
}
.task-main-container .sprite-pouting_cat {
  background-position: -637.890625px -580.078125px;
}
.task-main-container .sprite-pray {
  background-position: -666.796875px -580.078125px;
}
.task-main-container .sprite-princess {
  background-position: -695.703125px -580.078125px;
}
.task-main-container .sprite-punch {
  background-position: -724.609375px -580.078125px;
}
.task-main-container .sprite-purple_heart {
  background-position: -753.515625px -580.078125px;
}
.task-main-container .sprite-purse {
  background-position: -782.421875px -580.078125px;
}
.task-main-container .sprite-pushpin {
  background-position: -811.328125px -580.078125px;
}
.task-main-container .sprite-put_litter_in_its_place {
  background-position: -1.953125px -608.984375px;
}
.task-main-container .sprite-question {
  background-position: -30.859375px -608.984375px;
}
.task-main-container .sprite-rabbit {
  background-position: -59.765625px -608.984375px;
}
.task-main-container .sprite-rabbit2 {
  background-position: -88.671875px -608.984375px;
}
.task-main-container .sprite-racehorse {
  background-position: -117.578125px -608.984375px;
}
.task-main-container .sprite-radio {
  background-position: -146.484375px -608.984375px;
}
.task-main-container .sprite-radio_button {
  background-position: -175.390625px -608.984375px;
}
.task-main-container .sprite-rage {
  background-position: -204.296875px -608.984375px;
}
.task-main-container .sprite-rage1 {
  background-position: -233.203125px -608.984375px;
}
.task-main-container .sprite-rage2 {
  background-position: -262.109375px -608.984375px;
}
.task-main-container .sprite-rage3 {
  background-position: -291.015625px -608.984375px;
}
.task-main-container .sprite-rage4 {
  background-position: -319.921875px -608.984375px;
}
.task-main-container .sprite-railway_car {
  background-position: -348.828125px -608.984375px;
}
.task-main-container .sprite-rainbow {
  background-position: -377.734375px -608.984375px;
}
.task-main-container .sprite-raised_hand {
  background-position: -406.640625px -608.984375px;
}
.task-main-container .sprite-raised_hands {
  background-position: -435.546875px -608.984375px;
}
.task-main-container .sprite-raising_hand {
  background-position: -464.453125px -608.984375px;
}
.task-main-container .sprite-ram {
  background-position: -493.359375px -608.984375px;
}
.task-main-container .sprite-ramen {
  background-position: -522.265625px -608.984375px;
}
.task-main-container .sprite-rat {
  background-position: -551.171875px -608.984375px;
}
.task-main-container .sprite-recycle {
  background-position: -580.078125px -608.984375px;
}
.task-main-container .sprite-red_car {
  background-position: -608.984375px -608.984375px;
}
.task-main-container .sprite-red_circle {
  background-position: -637.890625px -608.984375px;
}
.task-main-container .sprite-refuse {
  background-position: -666.796875px -608.984375px;
}
.task-main-container .sprite-registered {
  background-position: -695.703125px -608.984375px;
}
.task-main-container .sprite-relaxed {
  background-position: -724.609375px -608.984375px;
}
.task-main-container .sprite-relieved {
  background-position: -753.515625px -608.984375px;
}
.task-main-container .sprite-repeat {
  background-position: -782.421875px -608.984375px;
}
.task-main-container .sprite-repeat_one {
  background-position: -811.328125px -608.984375px;
}
.task-main-container .sprite-restroom {
  background-position: -1.953125px -637.890625px;
}
.task-main-container .sprite-revolving_hearts {
  background-position: -30.859375px -637.890625px;
}
.task-main-container .sprite-rewind {
  background-position: -59.765625px -637.890625px;
}
.task-main-container .sprite-ribbon {
  background-position: -88.671875px -637.890625px;
}
.task-main-container .sprite-rice {
  background-position: -117.578125px -637.890625px;
}
.task-main-container .sprite-rice_ball {
  background-position: -146.484375px -637.890625px;
}
.task-main-container .sprite-rice_cracker {
  background-position: -175.390625px -637.890625px;
}
.task-main-container .sprite-rice_scene {
  background-position: -204.296875px -637.890625px;
}
.task-main-container .sprite-ring {
  background-position: -233.203125px -637.890625px;
}
.task-main-container .sprite-rocket {
  background-position: -262.109375px -637.890625px;
}
.task-main-container .sprite-roller_coaster {
  background-position: -291.015625px -637.890625px;
}
.task-main-container .sprite-rooster {
  background-position: -319.921875px -637.890625px;
}
.task-main-container .sprite-rose {
  background-position: -348.828125px -637.890625px;
}
.task-main-container .sprite-rotating_light {
  background-position: -377.734375px -637.890625px;
}
.task-main-container .sprite-round_pushpin {
  background-position: -406.640625px -637.890625px;
}
.task-main-container .sprite-rowboat {
  background-position: -435.546875px -637.890625px;
}
.task-main-container .sprite-ru {
  background-position: -464.453125px -637.890625px;
}
.task-main-container .sprite-rugby_football {
  background-position: -493.359375px -637.890625px;
}
.task-main-container .sprite-runner {
  background-position: -522.265625px -637.890625px;
}
.task-main-container .sprite-running {
  background-position: -551.171875px -637.890625px;
}
.task-main-container .sprite-running_shirt_with_sash {
  background-position: -580.078125px -637.890625px;
}
.task-main-container .sprite-sa {
  background-position: -608.984375px -637.890625px;
}
.task-main-container .sprite-sagittarius {
  background-position: -637.890625px -637.890625px;
}
.task-main-container .sprite-sailboat {
  background-position: -666.796875px -637.890625px;
}
.task-main-container .sprite-sake {
  background-position: -695.703125px -637.890625px;
}
.task-main-container .sprite-sandal {
  background-position: -724.609375px -637.890625px;
}
.task-main-container .sprite-santa {
  background-position: -753.515625px -637.890625px;
}
.task-main-container .sprite-satellite {
  background-position: -782.421875px -637.890625px;
}
.task-main-container .sprite-satisfied {
  background-position: -811.328125px -637.890625px;
}
.task-main-container .sprite-saxophone {
  background-position: -1.953125px -666.796875px;
}
.task-main-container .sprite-school {
  background-position: -30.859375px -666.796875px;
}
.task-main-container .sprite-school_satchel {
  background-position: -59.765625px -666.796875px;
}
.task-main-container .sprite-scissors {
  background-position: -88.671875px -666.796875px;
}
.task-main-container .sprite-scorpius {
  background-position: -117.578125px -666.796875px;
}
.task-main-container .sprite-scream {
  background-position: -146.484375px -666.796875px;
}
.task-main-container .sprite-scream_cat {
  background-position: -175.390625px -666.796875px;
}
.task-main-container .sprite-scroll {
  background-position: -204.296875px -666.796875px;
}
.task-main-container .sprite-seat {
  background-position: -233.203125px -666.796875px;
}
.task-main-container .sprite-secret {
  background-position: -262.109375px -666.796875px;
}
.task-main-container .sprite-see_no_evil {
  background-position: -291.015625px -666.796875px;
}
.task-main-container .sprite-seedling {
  background-position: -319.921875px -666.796875px;
}
.task-main-container .sprite-seven {
  background-position: -348.828125px -666.796875px;
}
.task-main-container .sprite-shaved_ice {
  background-position: -377.734375px -666.796875px;
}
.task-main-container .sprite-sheep {
  background-position: -406.640625px -666.796875px;
}
.task-main-container .sprite-shell {
  background-position: -435.546875px -666.796875px;
}
.task-main-container .sprite-ship {
  background-position: -464.453125px -666.796875px;
}
.task-main-container .sprite-shipit {
  background-position: -493.359375px -666.796875px;
}
.task-main-container .sprite-shirt {
  background-position: -526.5625px -666.796875px;
}
.task-main-container .sprite-shit {
  background-position: -555.46875px -666.796875px;
}
.task-main-container .sprite-shoe {
  background-position: -584.375px -666.796875px;
}
.task-main-container .sprite-shower {
  background-position: -613.28125px -666.796875px;
}
.task-main-container .sprite-signal_strength {
  background-position: -642.1875px -666.796875px;
}
.task-main-container .sprite-six {
  background-position: -671.09375px -666.796875px;
}
.task-main-container .sprite-six_pointed_star {
  background-position: -700px -666.796875px;
}
.task-main-container .sprite-ski {
  background-position: -728.90625px -666.796875px;
}
.task-main-container .sprite-skull {
  background-position: -757.8125px -666.796875px;
}
.task-main-container .sprite-sleeping {
  background-position: -786.71875px -666.796875px;
}
.task-main-container .sprite-sleepy {
  background-position: -815.625px -666.796875px;
}
.task-main-container .sprite-slot_machine {
  background-position: -1.953125px -695.703125px;
}
.task-main-container .sprite-small_blue_diamond {
  background-position: -30.859375px -695.703125px;
}
.task-main-container .sprite-small_orange_diamond {
  background-position: -59.765625px -695.703125px;
}
.task-main-container .sprite-small_red_triangle {
  background-position: -88.671875px -695.703125px;
}
.task-main-container .sprite-small_red_triangle_down {
  background-position: -117.578125px -695.703125px;
}
.task-main-container .sprite-smile {
  background-position: -146.484375px -695.703125px;
}
.task-main-container .sprite-smile_cat {
  background-position: -175.390625px -695.703125px;
}
.task-main-container .sprite-smiley {
  background-position: -204.296875px -695.703125px;
}
.task-main-container .sprite-smiley_cat {
  background-position: -233.203125px -695.703125px;
}
.task-main-container .sprite-smiling_imp {
  background-position: -262.109375px -695.703125px;
}
.task-main-container .sprite-smirk {
  background-position: -291.015625px -695.703125px;
}
.task-main-container .sprite-smirk_cat {
  background-position: -319.921875px -695.703125px;
}
.task-main-container .sprite-smoking {
  background-position: -348.828125px -695.703125px;
}
.task-main-container .sprite-snail {
  background-position: -377.734375px -695.703125px;
}
.task-main-container .sprite-snake {
  background-position: -406.640625px -695.703125px;
}
.task-main-container .sprite-snowboarder {
  background-position: -435.546875px -695.703125px;
}
.task-main-container .sprite-snowflake {
  background-position: -464.453125px -695.703125px;
}
.task-main-container .sprite-snowman {
  background-position: -526.5625px -695.703125px;
}
.task-main-container .sprite-sob {
  background-position: -555.46875px -695.703125px;
}
.task-main-container .sprite-soccer {
  background-position: -584.375px -695.703125px;
}
.task-main-container .sprite-soon {
  background-position: -613.28125px -695.703125px;
}
.task-main-container .sprite-sos {
  background-position: -642.1875px -695.703125px;
}
.task-main-container .sprite-sound {
  background-position: -671.09375px -695.703125px;
}
.task-main-container .sprite-space_invader {
  background-position: -700px -695.703125px;
}
.task-main-container .sprite-spades {
  background-position: -728.90625px -695.703125px;
}
.task-main-container .sprite-spaghetti {
  background-position: -757.8125px -695.703125px;
}
.task-main-container .sprite-sparkle {
  background-position: -786.71875px -695.703125px;
}
.task-main-container .sprite-sparkler {
  background-position: -815.625px -695.703125px;
}
.task-main-container .sprite-sparkles {
  background-position: -1.953125px -724.609375px;
}
.task-main-container .sprite-sparkling_heart {
  background-position: -30.859375px -724.609375px;
}
.task-main-container .sprite-speak_no_evil {
  background-position: -59.765625px -724.609375px;
}
.task-main-container .sprite-speaker {
  background-position: -88.671875px -724.609375px;
}
.task-main-container .sprite-speech_balloon {
  background-position: -117.578125px -724.609375px;
}
.task-main-container .sprite-speedboat {
  background-position: -146.484375px -724.609375px;
}
.task-main-container .sprite-squirrel {
  background-position: -175.390625px -724.609375px;
}
.task-main-container .sprite-stackoverflow {
  background-position: -840.234375px -48.828125px;
}
.task-main-container .sprite-star {
  background-position: -208.59375px -724.609375px;
}
.task-main-container .sprite-star2 {
  background-position: -237.5px -724.609375px;
}
.task-main-container .sprite-stars {
  background-position: -266.40625px -724.609375px;
}
.task-main-container .sprite-station {
  background-position: -295.3125px -724.609375px;
}
.task-main-container .sprite-statue_of_liberty {
  background-position: -324.21875px -724.609375px;
}
.task-main-container .sprite-steam_locomotive {
  background-position: -353.125px -724.609375px;
}
.task-main-container .sprite-stew {
  background-position: -382.03125px -724.609375px;
}
.task-main-container .sprite-straight_ruler {
  background-position: -410.9375px -724.609375px;
}
.task-main-container .sprite-strawberry {
  background-position: -439.84375px -724.609375px;
}
.task-main-container .sprite-stuck_out_tongue {
  background-position: -468.75px -724.609375px;
}
.task-main-container .sprite-stuck_out_tongue_closed_eyes {
  background-position: -497.65625px -724.609375px;
}
.task-main-container .sprite-stuck_out_tongue_winking_eye {
  background-position: -526.5625px -724.609375px;
}
.task-main-container .sprite-sun_with_face {
  background-position: -555.46875px -724.609375px;
}
.task-main-container .sprite-sunflower {
  background-position: -584.375px -724.609375px;
}
.task-main-container .sprite-sunglasses {
  background-position: -613.28125px -724.609375px;
}
.task-main-container .sprite-sunny {
  background-position: -642.1875px -724.609375px;
}
.task-main-container .sprite-sunrise {
  background-position: -671.09375px -724.609375px;
}
.task-main-container .sprite-sunrise_over_mountains {
  background-position: -700px -724.609375px;
}
.task-main-container .sprite-surfer {
  background-position: -728.90625px -724.609375px;
}
.task-main-container .sprite-sushi {
  background-position: -757.8125px -724.609375px;
}
.task-main-container .sprite-suspect {
  background-position: -786.71875px -724.609375px;
}
.task-main-container .sprite-suspension_railway {
  background-position: -815.625px -724.609375px;
}
.task-main-container .sprite-sweat {
  background-position: -1.953125px -753.515625px;
}
.task-main-container .sprite-sweat_drops {
  background-position: -30.859375px -753.515625px;
}
.task-main-container .sprite-sweat_smile {
  background-position: -59.765625px -753.515625px;
}
.task-main-container .sprite-sweet_potato {
  background-position: -88.671875px -753.515625px;
}
.task-main-container .sprite-swimmer {
  background-position: -117.578125px -753.515625px;
}
.task-main-container .sprite-symbols {
  background-position: -146.484375px -753.515625px;
}
.task-main-container .sprite-syringe {
  background-position: -208.59375px -753.515625px;
}
.task-main-container .sprite-tada {
  background-position: -237.5px -753.515625px;
}
.task-main-container .sprite-tanabata_tree {
  background-position: -266.40625px -753.515625px;
}
.task-main-container .sprite-tangerine {
  background-position: -295.3125px -753.515625px;
}
.task-main-container .sprite-taurus {
  background-position: -324.21875px -753.515625px;
}
.task-main-container .sprite-taxi {
  background-position: -353.125px -753.515625px;
}
.task-main-container .sprite-tea {
  background-position: -382.03125px -753.515625px;
}
.task-main-container .sprite-telephone {
  background-position: -410.9375px -753.515625px;
}
.task-main-container .sprite-telephone_receiver {
  background-position: -439.84375px -753.515625px;
}
.task-main-container .sprite-telescope {
  background-position: -468.75px -753.515625px;
}
.task-main-container .sprite-tennis {
  background-position: -497.65625px -753.515625px;
}
.task-main-container .sprite-tent {
  background-position: -526.5625px -753.515625px;
}
.task-main-container .sprite-thought_balloon {
  background-position: -555.46875px -753.515625px;
}
.task-main-container .sprite-three {
  background-position: -584.375px -753.515625px;
}
.task-main-container .sprite-thumbsdown {
  background-position: -613.28125px -753.515625px;
}
.task-main-container .sprite-thumbsup {
  background-position: -642.1875px -753.515625px;
}
.task-main-container .sprite-ticket {
  background-position: -671.09375px -753.515625px;
}
.task-main-container .sprite-tiger {
  background-position: -700px -753.515625px;
}
.task-main-container .sprite-tiger2 {
  background-position: -728.90625px -753.515625px;
}
.task-main-container .sprite-tired_face {
  background-position: -757.8125px -753.515625px;
}
.task-main-container .sprite-tm {
  background-position: -786.71875px -753.515625px;
}
.task-main-container .sprite-toilet {
  background-position: -815.625px -753.515625px;
}
.task-main-container .sprite-tokyo_tower {
  background-position: -1.953125px -782.421875px;
}
.task-main-container .sprite-tomato {
  background-position: -30.859375px -782.421875px;
}
.task-main-container .sprite-tongue {
  background-position: -59.765625px -782.421875px;
}
.task-main-container .sprite-top {
  background-position: -88.671875px -782.421875px;
}
.task-main-container .sprite-tophat {
  background-position: -117.578125px -782.421875px;
}
.task-main-container .sprite-tractor {
  background-position: -146.484375px -782.421875px;
}
.task-main-container .sprite-traffic_light {
  background-position: -175.390625px -782.421875px;
}
.task-main-container .sprite-train {
  background-position: -204.296875px -782.421875px;
}
.task-main-container .sprite-train2 {
  background-position: -233.203125px -782.421875px;
}
.task-main-container .sprite-tram {
  background-position: -262.109375px -782.421875px;
}
.task-main-container .sprite-triangular_flag_on_post {
  background-position: -291.015625px -782.421875px;
}
.task-main-container .sprite-triangular_ruler {
  background-position: -319.921875px -782.421875px;
}
.task-main-container .sprite-trident {
  background-position: -348.828125px -782.421875px;
}
.task-main-container .sprite-triumph {
  background-position: -377.734375px -782.421875px;
}
.task-main-container .sprite-trolleybus {
  background-position: -406.640625px -782.421875px;
}
.task-main-container .sprite-trollface {
  background-position: -435.546875px -782.421875px;
}
.task-main-container .sprite-trophy {
  background-position: -464.453125px -782.421875px;
}
.task-main-container .sprite-tropical_drink {
  background-position: -493.359375px -782.421875px;
}
.task-main-container .sprite-tropical_fish {
  background-position: -522.265625px -782.421875px;
}
.task-main-container .sprite-truck {
  background-position: -551.171875px -782.421875px;
}
.task-main-container .sprite-trumpet {
  background-position: -580.078125px -782.421875px;
}
.task-main-container .sprite-tshirt {
  background-position: -608.984375px -782.421875px;
}
.task-main-container .sprite-tulip {
  background-position: -637.890625px -782.421875px;
}
.task-main-container .sprite-tumblr {
  background-position: -840.234375px -64.453125px;
}
.task-main-container .sprite-turtle {
  background-position: -666.796875px -782.421875px;
}
.task-main-container .sprite-tv {
  background-position: -695.703125px -782.421875px;
}
.task-main-container .sprite-twisted_rightwards_arrows {
  background-position: -724.609375px -782.421875px;
}
.task-main-container .sprite-twitter {
  background-position: -840.234375px -80.078125px;
}
.task-main-container .sprite-two {
  background-position: -753.515625px -782.421875px;
}
.task-main-container .sprite-two_hearts {
  background-position: -782.421875px -782.421875px;
}
.task-main-container .sprite-two_men_holding_hands {
  background-position: -811.328125px -782.421875px;
}
.task-main-container .sprite-two_women_holding_hands {
  background-position: -1.953125px -811.328125px;
}
.task-main-container .sprite-u5272 {
  background-position: -30.859375px -811.328125px;
}
.task-main-container .sprite-u5408 {
  background-position: -59.765625px -811.328125px;
}
.task-main-container .sprite-u55b6 {
  background-position: -88.671875px -811.328125px;
}
.task-main-container .sprite-u6307 {
  background-position: -117.578125px -811.328125px;
}
.task-main-container .sprite-u6708 {
  background-position: -146.484375px -811.328125px;
}
.task-main-container .sprite-u6709 {
  background-position: -175.390625px -811.328125px;
}
.task-main-container .sprite-u6e80 {
  background-position: -204.296875px -811.328125px;
}
.task-main-container .sprite-u7121 {
  background-position: -233.203125px -811.328125px;
}
.task-main-container .sprite-u7533 {
  background-position: -262.109375px -811.328125px;
}
.task-main-container .sprite-u7981 {
  background-position: -291.015625px -811.328125px;
}
.task-main-container .sprite-u7a7a {
  background-position: -319.921875px -811.328125px;
}
.task-main-container .sprite-uk {
  background-position: -348.828125px -811.328125px;
}
.task-main-container .sprite-umbrella {
  background-position: -377.734375px -811.328125px;
}
.task-main-container .sprite-unamused {
  background-position: -406.640625px -811.328125px;
}
.task-main-container .sprite-underage {
  background-position: -435.546875px -811.328125px;
}
.task-main-container .sprite-unlock {
  background-position: -464.453125px -811.328125px;
}
.task-main-container .sprite-up {
  background-position: -493.359375px -811.328125px;
}
.task-main-container .sprite-us {
  background-position: -522.265625px -811.328125px;
}
.task-main-container .sprite-v {
  background-position: -551.171875px -811.328125px;
}
.task-main-container .sprite-vertical_traffic_light {
  background-position: -580.078125px -811.328125px;
}
.task-main-container .sprite-vhs {
  background-position: -608.984375px -811.328125px;
}
.task-main-container .sprite-vibration_mode {
  background-position: -637.890625px -811.328125px;
}
.task-main-container .sprite-video_camera {
  background-position: -666.796875px -811.328125px;
}
.task-main-container .sprite-video_game {
  background-position: -695.703125px -811.328125px;
}
.task-main-container .sprite-violin {
  background-position: -724.609375px -811.328125px;
}
.task-main-container .sprite-virgo {
  background-position: -753.515625px -811.328125px;
}
.task-main-container .sprite-volcano {
  background-position: -782.421875px -811.328125px;
}
.task-main-container .sprite-vs {
  background-position: -811.328125px -811.328125px;
}
.task-main-container .sprite-walking {
  background-position: -855.859375px -1.953125px;
}
.task-main-container .sprite-waning_crescent_moon {
  background-position: -855.859375px -30.859375px;
}
.task-main-container .sprite-waning_gibbous_moon {
  background-position: -855.859375px -59.765625px;
}
.task-main-container .sprite-warning {
  background-position: -855.859375px -88.671875px;
}
.task-main-container .sprite-watch {
  background-position: -840.234375px -117.578125px;
}
.task-main-container .sprite-water_buffalo {
  background-position: -840.234375px -146.484375px;
}
.task-main-container .sprite-watermelon {
  background-position: -840.234375px -175.390625px;
}
.task-main-container .sprite-wave {
  background-position: -840.234375px -204.296875px;
}
.task-main-container .sprite-wavy_dash {
  background-position: -840.234375px -233.203125px;
}
.task-main-container .sprite-waxing_crescent_moon {
  background-position: -840.234375px -262.109375px;
}
.task-main-container .sprite-waxing_gibbous_moon {
  background-position: -840.234375px -291.015625px;
}
.task-main-container .sprite-wc {
  background-position: -840.234375px -319.921875px;
}
.task-main-container .sprite-weary {
  background-position: -840.234375px -348.828125px;
}
.task-main-container .sprite-wedding {
  background-position: -840.234375px -377.734375px;
}
.task-main-container .sprite-whale {
  background-position: -840.234375px -406.640625px;
}
.task-main-container .sprite-whale2 {
  background-position: -840.234375px -435.546875px;
}
.task-main-container .sprite-wheelchair {
  background-position: -840.234375px -464.453125px;
}
.task-main-container .sprite-white_check_mark {
  background-position: -840.234375px -493.359375px;
}
.task-main-container .sprite-white_circle {
  background-position: -840.234375px -522.265625px;
}
.task-main-container .sprite-white_flower {
  background-position: -840.234375px -551.171875px;
}
.task-main-container .sprite-white_large_square {
  background-position: -840.234375px -580.078125px;
}
.task-main-container .sprite-white_medium_small_square {
  background-position: -840.234375px -608.984375px;
}
.task-main-container .sprite-white_medium_square {
  background-position: -840.234375px -637.890625px;
}
.task-main-container .sprite-white_small_square {
  background-position: -844.53125px -666.796875px;
}
.task-main-container .sprite-white_square_button {
  background-position: -844.53125px -695.703125px;
}
.task-main-container .sprite-wind_chime {
  background-position: -844.53125px -724.609375px;
}
.task-main-container .sprite-wine_glass {
  background-position: -844.53125px -753.515625px;
}
.task-main-container .sprite-wink {
  background-position: -840.234375px -782.421875px;
}
.task-main-container .sprite-wolf {
  background-position: -840.234375px -811.328125px;
}
.task-main-container .sprite-woman {
  background-position: -1.953125px -840.234375px;
}
.task-main-container .sprite-womans_clothes {
  background-position: -30.859375px -840.234375px;
}
.task-main-container .sprite-womans_hat {
  background-position: -59.765625px -840.234375px;
}
.task-main-container .sprite-womens {
  background-position: -88.671875px -840.234375px;
}
.task-main-container .sprite-worried {
  background-position: -117.578125px -840.234375px;
}
.task-main-container .sprite-wrench {
  background-position: -146.484375px -840.234375px;
}
.task-main-container .sprite-x {
  background-position: -175.390625px -840.234375px;
}
.task-main-container .sprite-yellow_heart {
  background-position: -204.296875px -840.234375px;
}
.task-main-container .sprite-yen {
  background-position: -233.203125px -840.234375px;
}
.task-main-container .sprite-yum {
  background-position: -262.109375px -840.234375px;
}
.task-main-container .sprite-zap {
  background-position: -291.015625px -840.234375px;
}
.task-main-container .sprite-zero {
  background-position: -319.921875px -840.234375px;
}
.task-main-container .sprite-zzz {
  background-position: -348.828125px -840.234375px;
}
.task-main-container .emoji-wysiwyg-editor {
  display: none;
  width: 100%;
  height: 70px;
  border: none;
  padding: 3px 15px 0;
  font-size: 13px;
  font-family: Helvetica, arial, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
  text-align: left;
  outline: none;
}
.task-main-container .emoji-wysiwyg-editor img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: -3px 0 0;
}
.task-main-container .dynamicMainWarp .emoji-wysiwyg-editor {
  padding: 10px 15px 0;
}
.task-main-container .emoji-menu {
  position: absolute;
  z-index: 999;
  width: 380px;
  margin-left: -20px;
  padding: 0;
  box-sizing: border-box;
}
.task-main-container .emoji-menu ul.nav-control {
  overflow: hidden;
}
.task-main-container .emoji-menu ul.nav-control li {
  float: left;
  line-height: 36px!important;
  font-size: .75rem;
  color: #666;
  width: 20%!important;
  text-align: center!important;
  position: relative;
}
.task-main-container .emoji-menu ul.nav-control li.active:after {
  position: absolute;
  content: '';
  width: 100%;
  bottom: 0;
  left: 0;
  background: #0689dd;
  height: 1px;
}
.task-main-container .emoji-menu ul.nav-view {
  position: relative;
  height: 140px;
  overflow: auto;
}
.task-main-container .emoji-menu ul.nav-view > div {
  position: absolute;
  left: 0;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.task-main-container .emoji-menu ul.nav-view > div.active {
  z-index: 100;
  display: block;
  opacity: 1;
  padding: 6px;
}
.task-main-container .emoji-menu > div {
  max-height: 200px;
  overflow: hidden;
  background: #fff;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.task-main-container .emoji-menu img,
.task-main-container .emoji-menu span,
.task-main-container .lazy-emoji {
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 0 none;
}
.task-main-container .emoji-menu span {
  display: inline-block;
}
.task-main-container .emoji-menu a {
  border: 1px solid #fff;
  padding: 3px;
  display: block;
  float: left;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.task-main-container .emoji-menu a:hover {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
}
.task-main-container .emoji-menu:after {
  content: ' ';
  display: block;
  clear: left;
}
.task-main-container .emoji-menu a .label {
  display: none;
}
.task-main-container .toolbox-drop-file-tip:before {
  content: '';
  -webkit-transition: all .2s;
  transition: all 0.2s;
}
.task-main-container .toolbox-drop-file-tip.drop-file-enter:before {
  content: attr(data-toolbox-tip);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #f9f9f9;
  z-index: 4;
  color: #565656;
  line-height: 6;
  text-align: center;
  font-size: 20px;
}
.task-main-container .doc-check-component .check-body {
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 2px;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
}
.task-main-container .doc-check-component .check-body .body-area {
  min-height: 500px;
}
.task-main-container .doc-check-component .check-body .body-area .unselection-attach-more {
  display: none !important;
}
.task-main-container .doc-check-component .check-body .more-info .file-list {
  padding: 20px 50px;
}
.task-main-container .doc-check-component .check-body .bottom-area {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  background: #f7f7f7;
  padding: 20px 80px;
  border-radius: 0 0 2px 2px;
}
.task-main-container .doc-check-component .check-body .not-found-tip {
  position: absolute;
  top: 150px;
  left: 0;
  right: 0;
  text-align: center;
  display: none;
}
.task-main-container .doc-check-component .check-body.doc-check-not-found .bottom-area,
.task-main-container .doc-check-component .check-body.doc-check-not-found .more-info {
  display: none;
}
.task-main-container .doc-check-component .check-body.doc-check-not-found .not-found-tip {
  display: block;
}
.task-main-container .doc-check-component.doc-check-type-a .check-body {
  margin-top: 17px;
}
.task-main-container .doc-check-component .rui-comment-ui:before {
  background-color: #fff;
}
.task-main-container .doc-check-header {
  padding-top: 11px;
  padding-bottom: 11px;
  overflow: hidden;
  z-index: 1;
}
.task-main-container .doc-check-header.sticky {
  position: absolute;
}
.task-main-container .doc-check-header.reverse {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding-left: 12px;
  padding-right: 12px;
}
.task-main-container .doc-check-header .back {
  margin-right: 15px;
}
.task-main-container .doc-check-header .btn-right-list {
  display: block;
}
.task-main-container .doc-check-header .btn-right-list .btn {
  margin-right: 15px;
}
.task-main-container .doc-check-header .btn-right-list .btn:last-child {
  margin-right: 0;
}
.task-main-container .doc-check-header .arrow-btn {
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-size: 25px;
  background: #ddd;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .doc-check-header .arrow-btn.disabled {
  cursor: not-allowed;
}
.task-main-container .doc-check-header .arrow-btn.disabled:hover {
  opacity: 1;
}
.task-main-container .doc-check-header .arrow-btn.next {
  margin-left: 10px;
}
.task-main-container .doc-check-header .arrow-btn:hover {
  opacity: 0.6;
}
.task-main-container .doc-check-header.doc-check-not-found .btn-left-list,
.task-main-container .doc-check-header.doc-check-not-found .btn-right-list {
  display: none;
}
.task-main-container .doc-check-type-b .check-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 2px 3px 0 rgba(161, 161, 161, 0.18);
}
.task-main-container .doc-check-type-b .check-body .title-area {
  padding-top: 0;
}
.task-main-container .doc-check-type-b .check-body .bottom-area {
  padding: 20px 30px;
}
.task-main-container .doc-check-header.doc-check-header-type-b {
  background: #fff;
  padding-left: 12px;
  padding-right: 12px;
  box-shadow: 0 1px 3px 0 rgba(161, 161, 161, 0.18);
}
.task-main-container .doc-date-banner {
  cursor: pointer;
  display: inline-block;
}
.task-main-container .doc-date-banner.disable-date-select {
  cursor: default;
}
.task-main-container .doc-date-banner p {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1;
}
.task-main-container .doc-date-banner .doc-date-banner-left {
  margin-right: 5px;
}
.task-main-container .doc-date-banner .doc-date-banner-right-top {
  margin-top: 5px;
}
.task-main-container .doc-date-banner .doc-date-banner-right-bottom {
  line-height: 1.15;
}
.task-main-container .doc-date-banner .doc-date-banner-right {
  line-height: 3.7;
}
.task-main-container .doc-date-banner .doc-date-banner-right-wrapper {
  text-align: right;
}
.task-main-container .doc-date-banner .doc-date-banner-set-date,
.task-main-container .doc-date-banner.show-set-date .doc-date-banner-date {
  display: none;
}
.task-main-container .doc-date-banner.show-set-date .doc-date-banner-set-date {
  display: block;
}
.task-main-container .r-permission-panel {
  padding: 20px;
}
.task-main-container .r-permission-panel.hasAppendEl {
  width: 306px;
}
.task-main-container .r-permission-panel .banner {
  line-height: 28px;
  margin-top: 9px;
}
.task-main-container .r-permission-panel .banner:first-child {
  margin-top: 0;
}
.task-main-container .r-permission-panel .banner h6 {
  line-height: inherit;
  display: inline-block;
  margin-bottom: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .r-permission-panel .banner i.arrow-1 {
  font-size: 19px;
  position: relative;
  top: 3px;
}
.task-main-container .r-permission-panel .banner .permission {
  cursor: pointer;
}
.task-main-container .r-permission-panel .banner .permission.disabled {
  opacity: .2;
  cursor: default;
}
.task-main-container .r-permission-panel .memberWarp {
  width: 100%;
  zoom: 1;
  max-height: 85px;
  min-height: 57px;
}
.task-main-container .r-permission-panel .memberWarp h6 {
  display: block;
}
.task-main-container .r-permission-panel .memberWarp .member {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 28px;
  float: left;
  max-width: calc(67%);
  overflow-x: auto;
  overflow-y: hidden;
}
.task-main-container .r-permission-panel .memberWarp .member li {
  width: 28px;
  height: 28px;
  float: left;
  margin-right: 5px;
}
.task-main-container .r-permission-panel .memberWarp .member li img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.task-main-container .r-permission-panel .memberWarp .addWarp {
  width: 28px;
  height: 28px;
}
.task-main-container .r-permission-panel .memberWarp .addWarp .add {
  position: relative;
  top: 0;
  margin: 1px;
  font-size: 28px;
  line-height: 28px;
  float: left;
  color: #bbd1dc;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}
.task-main-container .r-permission-panel .memberWarp .addWarp .add:not(.disabled):hover {
  color: #238bdf;
}
.task-main-container .r-permission-panel .memberWarp .addWarp .add.disabled {
  opacity: .2;
  cursor: default;
}
.task-main-container .rui-comment-ui {
  background: #fff;
  border-radius: 2px;
  padding: 18px 10px 9px 17px;
  position: relative;
}
.task-main-container .rui-comment-ui .disable-comment-info {
  display: none;
}
.task-main-container .rui-comment-ui.disable-comment .disable-comment-info {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  text-align: center;
  line-height: 120px;
}
.task-main-container .rui-comment-ui .comment-edit-box {
  height: 55px;
  overflow-x: hidden;
  overflow-y: auto;
  margin-bottom: 10px;
  line-height: 20px;
}
.task-main-container .rui-comment-ui .comment-bottom {
  height: 29px;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool {
  height: 100%;
  float: left;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li {
  float: left;
  width: 48px;
  text-align: left;
  line-height: 25px;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li:first-child {
  line-height: 38px;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li:last-child {
  line-height: 40px;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li > i {
  font-size: .75rem;
  color: rgba(0, 0, 0, 0.26);
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li > i.uploadIcon {
  font-size: 26px;
  position: relative;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li > i.at {
  font-size: 22px;
  position: relative;
  top: 3px;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-tool > li > i.emoji {
  font-size: 22px;
}
.task-main-container .rui-comment-ui .comment-bottom .comment-operate {
  float: right;
}
.task-main-container .rui-trend {
  position: relative;
}
.task-main-container .rui-trend .rui-trend-header {
  height: 48px;
}
.task-main-container .rui-trend .rui-trend-header i,
.task-main-container .rui-trend .rui-trend-header span {
  line-height: 45px;
  display: inline-block;
}
.task-main-container .rui-trend .rui-trend-header .icon-layers {
  font-size: 20px;
  color: #0689dd;
  margin: 0 15px;
  margin-left: 0;
}
.task-main-container .rui-trend .rui-trend-header span {
  vertical-align: top;
}
.task-main-container .rui-trend .rui-trend-comments {
  min-height: 300px;
  width: 100%;
}
.task-main-container .rui-trend .rui-trend-comments .noneDynamicTip {
  font-size: 12px;
  color: #777;
  line-height: 145px;
  text-align: center;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container {
  width: 100%;
  padding: 7px 0 20px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .action,
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment {
  margin-top: 18px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .action:first-child,
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment:first-child {
  margin-top: 0;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .rui-trend-comment-item {
  min-height: 20px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .left {
  width: 52px;
  float: left;
  zoom: 1;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .left img {
  border-radius: 2px;
  width: 32px;
  height: 32px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right {
  width: calc(48%);
  float: left;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top {
  font-size: .75rem;
  color: #666;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .date {
  float: right;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate {
  display: none;
  float: right;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .delete,
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .reply {
  cursor: pointer;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .delete:hover,
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .top .operate .reply:hover {
  font-size: .75rem;
  color: rgba(0, 0, 0, 0.66);
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .bottom {
  margin-top: 5px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment .right .bottom .content {
  width: 100%;
  line-height: 25px;
  font-size: .75rem;
  color: rgba(0, 0, 0, 0.66);
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment.enable-operate:hover .right .top .date {
  display: none;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .comment.enable-operate:hover .right .top .operate {
  display: inline-block;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul {
  line-height: 28px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul .icon {
  width: 30px;
  font-size: 17px;
  text-align: center;
  float: left;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul .content {
  font-size: .75rem;
  color: #666;
  line-height: 28px;
  float: left;
  margin-left: 10px;
}
.task-main-container .rui-trend .rui-trend-comments .rui-trend-comments-container .action .comment-item-ul .date {
  font-size: .75rem;
  color: #666;
  float: right;
}
.task-main-container .rui-trend .rui-trend-comment-switch {
  position: absolute;
  bottom: 0;
  width: 210px;
  height: 50px;
  right: 0;
  padding-left: 25px;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment {
  display: none;
  float: right;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  color: #fff;
  height: 29px;
  margin-top: 10px;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment .check {
  float: none;
  top: -3px;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment .checkTail {
  background: #b1b1b1;
  top: -1px;
  left: 12px;
  width: 5px;
  height: 6px;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment .diyCheckbox .blank {
  line-height: 26px;
  display: inline-block;
  vertical-align: sub;
  color: #fff;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment .diyCheckbox .check {
  color: #fff;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment > span {
  padding: 7px 9px 5px;
  line-height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.task-main-container .rui-trend .rui-trend-comment-switch .fileOrComment span + span {
  border-left: 1px solid #fff;
}
.task-main-container .rui-trend .rui-trend-comment-switch:hover .fileOrComment {
  display: block;
}
.task-main-container .rui-file-item {
  width: 100%;
  height: 48px;
  padding: 5px 15px 6px 8px;
  background: #f6f7fb;
  border: 1px solid rgba(0, 0, 0, 0.03);
  border-radius: 2px;
  margin: 10px 0;
}
.task-main-container .rui-file-item .rui-file-item-wrap {
  width: 100%;
  height: 100%;
  background: inherit;
}
.task-main-container .rui-file-item .rui-file-item-wrap .hand {
  cursor: pointer;
}
.task-main-container .rui-file-item .rui-file-item-wrap .file-img {
  width: 28px;
  height: 36px;
  position: relative;
  overflow: hidden;
}
.task-main-container .rui-file-item .rui-file-item-wrap .file-img img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container .rui-file-item .rui-file-item-wrap li {
  float: left;
  height: 100%;
}
.task-main-container .rui-file-item .rui-file-item-wrap .file-content {
  width: calc(-68%);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 36px;
}
.task-main-container .rui-file-item .rui-file-item-wrap .file-content span {
  margin-left: 12px;
}
.task-main-container .rui-file-item .rui-file-item-wrap .operate {
  width: 140px;
  line-height: 36px;
}
.task-main-container .rui-file-item .rui-file-item-wrap .operate .file-size {
  font-size: .75rem;
  color: #cacaca;
  float: left;
}
.task-main-container .rui-file-item .rui-file-item-wrap .operate .link {
  -webkit-transition: all .3s;
  transition: all .3s;
  color: #0096f6;
  float: right;
  cursor: pointer;
}
.task-main-container .rui-file-item .rui-file-item-wrap .operate .download + .preview {
  margin-right: 10px;
}
.task-main-container .rui-file-item.rui-file-item-more {
  padding: 0;
  padding-right: 4px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  height: 59px;
  margin-bottom: 10px;
}
.task-main-container .rui-file-item.rui-file-item-more.isDragging {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: #f6f7fb;
}
.task-main-container .rui-file-item.rui-file-item-more.isDragging .upload-time {
  display: none;
}
.task-main-container .rui-file-item.rui-file-item-more.hoverFolder {
  background: rgba(246, 247, 251, 0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.task-main-container .rui-file-item.rui-file-item-more span {
  display: inline-block;
}
.task-main-container .rui-file-item.rui-file-item-more > a,
.task-main-container .rui-file-item.rui-file-item-more > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .rui-file-item.rui-file-item-more .caption {
  display: inline;
}
.task-main-container .rui-file-item.rui-file-item-more .caption .file-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.task-main-container .rui-file-item.rui-file-item-more .caption:hover {
  font-size: .75rem;
  color: #666;
  cursor: default;
}
.task-main-container .rui-file-item.rui-file-item-more .caption + .renameBox {
  display: none;
  float: left;
}
.task-main-container .rui-file-item.rui-file-item-more .caption + .renameBox .edit-input {
  float: left;
  width: 230px;
  margin-top: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 5px;
  height: 31px;
}
.task-main-container .rui-file-item.rui-file-item-more .caption + .renameBox .save {
  margin-top: 16px;
  margin-left: 10px;
}
.task-main-container .rui-file-item.rui-file-item-more i.file-img {
  display: inline-block;
  width: 28px;
  height: 36px;
  margin-top: 12px;
  vertical-align: bottom;
  margin: 12px 20px 0 12px;
  float: left;
  position: relative;
  overflow: hidden;
}
.task-main-container .rui-file-item.rui-file-item-more i.file-img img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container .rui-file-item.rui-file-item-more i.file-type {
  width: 46px;
  height: 32px;
  float: left;
  margin: 10px 6.25% 0 5px;
  background: url(https://res-front-cdn.timetask.cn/release/images/sprite.ec172d1ffd.png);
  background-position: -54px -7px;
  vertical-align: middle;
}
.task-main-container .rui-file-item.rui-file-item-more a:hover {
  text-decoration: none;
}
.task-main-container .rui-file-item.rui-file-item-more a.file-title {
  max-width: calc(-154%);
  margin-top: 20px;
}
.task-main-container .rui-file-item.rui-file-item-more span.file-weight {
  width: 14%;
  max-width: 20%;
}
.task-main-container .rui-file-item.rui-file-item-more span.author {
  width: 10%;
  max-width: 17%;
}
.task-main-container .rui-file-item.rui-file-item-more .author,
.task-main-container .rui-file-item.rui-file-item-more .file-weight,
.task-main-container .rui-file-item.rui-file-item-more .upload-time {
  float: right;
  margin-top: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.task-main-container .rui-file-item.rui-file-item-more .upload-time {
  width: 123px;
  margin-right: 0;
  text-align: right;
}
.task-main-container .rui-file-item.rui-file-item-more .operate {
  display: none;
  float: right;
  padding-left: 33px;
  position: relative;
}
.task-main-container .rui-file-item.rui-file-item-more .operate a.download {
  margin-left: 10px;
}
.task-main-container .rui-file-item.rui-file-item-more .operate .more {
  padding-left: 7px;
  display: inline-block;
}
.task-main-container .rui-file-item.rui-file-item-more .operate .more:hover .dropdown-menu {
  display: block;
}
.task-main-container .rui-file-item.rui-file-item-more .operate .more,
.task-main-container .rui-file-item.rui-file-item-more .operate .preview {
  position: relative;
  font-size: 18px;
  cursor: pointer;
}
.task-main-container .rui-file-item.rui-file-item-more .operate [class^=icon] {
  color: #0689dd;
}
.task-main-container .rui-file-item.rui-file-item-more .operate .dropdown-menu {
  min-width: 130px;
  margin-left: -96px;
  margin-top: -2px;
  font-size: 12px;
}
.task-main-container .rui-file-item.rui-file-item-more:hover .operate {
  display: block;
}
.task-main-container .rui-file-item.rui-file-item-more a > i {
  width: 24px;
  height: 60px;
  line-height: 58px;
}
.task-main-container .rui-file-item.rui-file-item-more i[class^=icon] {
  font-size: 24px;
  color: #0689dd;
}
.task-main-container .rui-file-upload-item {
  position: relative;
  margin: 0 auto 10px;
  width: 100%;
  height: 41px;
  background: #f9f9f9;
  cursor: default;
}
.task-main-container .rui-file-upload-item .cancel {
  display: none;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px;
  cursor: pointer;
  color: #a6a6a6;
}
.task-main-container .rui-file-upload-item .cancel:hover {
  color: #000;
}
.task-main-container .rui-file-upload-item .up_process_c {
  position: relative;
  float: left;
  height: 41px;
  width: 41px;
  background: #747474;
}
.task-main-container .rui-file-upload-item .up_process_c .ico {
  position: absolute;
  width: 24px;
  height: 24px;
  left: 50%;
  top: 50%;
  margin: -12px 0 0 -12px;
  background: url(https://res-front-cdn.timetask.cn/release/images/up_b.bad23124d9.png);
  z-index: 1;
}
.task-main-container .rui-file-upload-item .up_process_c .process {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0;
  background: #6bcbf8;
}
.task-main-container .rui-file-upload-item .up_process_c .process_shadow {
  box-shadow: 0 -3px 2px 0 #6bcbf8;
  -webkit-box-shadow: 0 -3px 2px 0 #6bcbf8;
  -moz-box-shadow: 0 -3px 2px 0 #6bcbf8;
}
.task-main-container .rui-file-upload-item .up_info {
  position: absolute;
  left: 41px;
  right: 41px;
  bottom: 0;
  top: 0;
  padding: 13px 15px;
  text-align: left;
}
.task-main-container .rui-file-upload-item .up_info .f_name_s {
  display: block;
  float: left;
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  font-size: 13px;
  line-height: 15px;
}
.task-main-container .rui-file-upload-item .up_info .f_error {
  display: none;
  float: right;
  font-size: 13px;
}
.task-main-container .rui-file-upload-item .toTransition {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all 0.3s;
}
@-webkit-keyframes itemFocus {
  0% {
    box-shadow: 0 0 13px 2px #fff;
    -webkit-box-shadow: 0 0 13px 2px #fff;
    -moz-box-shadow: 0 0 13px 2px #fff;
  }
  25% {
    box-shadow: 0 0 13px 2px #ecc8da;
    -webkit-box-shadow: 0 0 13px 2px #ecc8da;
    -moz-box-shadow: 0 0 13px 2px #ecc8da;
  }
  50% {
    box-shadow: 0 0 13px 2px #ea97c0;
    -webkit-box-shadow: 0 0 13px 2px #ea97c0;
    -moz-box-shadow: 0 0 13px 2px #ea97c0;
  }
  75% {
    box-shadow: 0 0 13px 2px #ecc8da;
    -webkit-box-shadow: 0 0 13px 2px #ecc8da;
    -moz-box-shadow: 0 0 13px 2px #ecc8da;
  }
  to {
    box-shadow: 0 0 13px 2px #fff;
    -webkit-box-shadow: 0 0 13px 2px #fff;
    -moz-box-shadow: 0 0 13px 2px #fff;
  }
}
.task-main-container .rui-file-upload-item.finish .cancel {
  display: block;
}
.task-main-container .rui-file-upload-item.finish .up_process_c .process {
  background: #4774b7;
}
.task-main-container .rui-file-upload-item.finish .up_process_c .process_shadow {
  box-shadow: 0 0 0 0 #4774b7;
  -webkit-box-shadow: 0 0 0 0 #4774b7;
  -moz-box-shadow: 0 0 0 0 #4774b7;
}
.task-main-container .rui-file-upload-item.error .cancel {
  display: block;
}
.task-main-container .rui-file-upload-item.error .up_info .f_error {
  display: inline;
}
.task-main-container .rui-file-upload-item.error .up_process_c .process_shadow {
  box-shadow: 0 0 0 0 #4774b7;
  -webkit-box-shadow: 0 0 0 0 #4774b7;
  -moz-box-shadow: 0 0 0 0 #4774b7;
}
.task-main-container .cropper-container {
  position: relative;
  font-size: 0;
  line-height: 0;
  direction: ltr!important;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.task-main-container .cropper-container img {
  display: block;
  image-orientation: 0deg!important;
  min-width: 0!important;
  min-height: 0!important;
  max-width: none!important;
  max-height: none!important;
  width: 100%;
  height: 100%;
}
.task-main-container .cropper-canvas,
.task-main-container .cropper-crop-box,
.task-main-container .cropper-drag-box,
.task-main-container .cropper-modal,
.task-main-container .cropper-wrap-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.task-main-container .cropper-wrap-box {
  overflow: hidden;
}
.task-main-container .cropper-drag-box {
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.task-main-container .cropper-modal {
  background-color: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}
.task-main-container .cropper-view-box {
  display: block;
  overflow: hidden;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  width: 100%;
  height: 100%;
}
.task-main-container .cropper-dashed {
  position: absolute;
  display: block;
  border: 0 dashed #eee;
  opacity: .5;
  filter: alpha(opacity=50);
}
.task-main-container .cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  border-top-width: 1px;
  border-bottom-width: 1px;
  width: 100%;
  height: 33.33333%;
}
.task-main-container .cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  border-right-width: 1px;
  border-left-width: 1px;
  width: 33.33333%;
  height: 100%;
}
.task-main-container .cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75;
  filter: alpha(opacity=75);
}
.task-main-container .cropper-center:after,
.task-main-container .cropper-center:before {
  position: absolute;
  display: block;
  background-color: #eee;
  content: " ";
}
.task-main-container .cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px;
}
.task-main-container .cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px;
}
.task-main-container .cropper-face,
.task-main-container .cropper-line,
.task-main-container .cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
  filter: alpha(opacity=10);
}
.task-main-container .cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
}
.task-main-container .cropper-line {
  background-color: #39f;
}
.task-main-container .cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.task-main-container .cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.task-main-container .cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.task-main-container .cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.task-main-container .cropper-point {
  background-color: #39f;
  width: 5px;
  height: 5px;
  opacity: .75;
  filter: alpha(opacity=75);
}
.task-main-container .cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize;
}
.task-main-container .cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.task-main-container .cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize;
}
.task-main-container .cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.task-main-container .cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize;
}
.task-main-container .cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize;
}
.task-main-container .cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize;
}
.task-main-container .cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  cursor: se-resize;
  width: 20px;
  height: 20px;
  opacity: 1;
  filter: alpha(opacity=100);
}
.task-main-container .cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  content: " ";
  background-color: #39f;
  width: 200%;
  height: 200%;
  opacity: 0;
  filter: alpha(opacity=0);
}
@media (min-width: 768px) {
  .task-main-container .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}
@media (min-width: 992px) {
  .task-main-container .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}
@media (min-width: 1200px) {
  .task-main-container .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75;
    filter: alpha(opacity=75);
  }
}
.task-main-container .cropper-invisible {
  opacity: 0;
  filter: alpha(opacity=0);
}
.task-main-container .cropper-bg {
  background-image: url("");
}
.task-main-container .cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.task-main-container .cropper-hidden {
  display: none !important;
}
.task-main-container .cropper-move {
  cursor: move;
}
.task-main-container .cropper-crop {
  cursor: crosshair;
}
.task-main-container .cropper-disabled .cropper-drag-box,
.task-main-container .cropper-disabled .cropper-face,
.task-main-container .cropper-disabled .cropper-line,
.task-main-container .cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.task-main-container .rui-month-selector {
  width: 70px;
  overflow: hidden;
}
.task-main-container .rui-month-selector .month-selector-ul {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 20px;
  width: 70px;
  box-sizing: content-box;
}
.task-main-container .rui-month-selector .month-selector-ul .month-selector-custom-btn > span {
  padding: 10px 8px;
}
.task-main-container .rui-month-selector .month-selector-ul > li {
  cursor: pointer;
  position: relative;
  width: 70px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.task-main-container .rui-month-selector .month-selector-ul > li .divider-year {
  display: inline-block;
  line-height: 1;
  top: -0.5em;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}
.task-main-container .rui-month-selector .month-selector-ul > li .divider-year .year {
  background: #fff;
  display: inline-block;
  width: 40px;
}
.task-main-container .rui-month-selector .month-selector-ul > li .icon-check {
  display: none;
  position: absolute;
  right: 0;
  top: 13px;
}
.task-main-container .rui-month-selector .month-selector-ul > li span {
  width: auto;
}
.task-main-container .rui-month-selector .month-selector-ul > li.selected .icon-check {
  display: block;
}
.task-main-container .rui-month-selector .month-selector-ul > li.disabled {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  opacity: 0.5;
}
.task-main-container .rui-month-selector .month-selector-ul > li.disabled .dropdown-item {
  color: inherit;
  background-color: inherit;
  cursor: default;
}
.task-main-container #rsq_tipBox.blueStyle {
  max-width: 12rem;
  max-height: 16rem;
  padding: 1.25rem 1rem;
  border-radius: 2px;
  overflow: hidden;
  background: #0083d7;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container #rsq_tipBox.blueStyle section {
  margin-top: .75rem;
  overflow: hidden;
  max-height: 11.5rem;
}
.task-main-container #rsq_tipBox.v2maStyle {
  padding: .75rem;
  border-radius: 2px;
  overflow: hidden;
  background: #0083d7;
}
.task-main-container #rsq_tipBox.v2maStyle img {
  width: 10rem;
  height: 10rem;
}
.task-main-container .littleSelect li {
  cursor: default;
  padding: 0 1.375rem;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  color: #617a8b;
}
.task-main-container .littleSelect li:hover {
  background: #f5f5f5;
}
.task-main-container .littleSelect2 {
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  width: 11.75rem;
  background: #fff;
}
.task-main-container .littleSelect2 li {
  cursor: default;
  padding: 0 1.375rem;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  color: #617a8b;
}
.task-main-container .littleSelect2 li:hover {
  background: #f5f5f5;
}
.task-main-container .labelPicker {
  width: 13.75rem;
  height: 20rem;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.task-main-container .labelPicker.edit-disable .labelItem:hover i.icon-create {
  display: none !important;
}
.task-main-container .labelPicker header {
  width: 100%;
  height: 2.875rem;
  border-bottom: 1px solid #f4f4f4;
}
.task-main-container .labelPicker header ul.bigTab {
  width: 100%;
  height: 100%;
}
.task-main-container .labelPicker header ul.bigTab li {
  width: 109px;
  height: 24px;
  line-height: 24px;
  color: #a3a3a3;
  font-size: .875rem;
  float: left;
  margin-top: 13px;
  text-align: center;
  cursor: pointer;
}
.task-main-container .labelPicker header ul.bigTab li.tabCreate {
  border-left: 1px solid #f0f0f0;
}
.task-main-container .labelPicker header ul.bigTab li.active {
  color: #1ba4ff;
}
.task-main-container .labelPicker header div.editLabel {
  display: none;
  position: relative;
  width: 100%;
  height: 2.875rem;
  line-height: 2.875rem;
  text-align: center;
}
.task-main-container .labelPicker header div.editLabel i {
  color: rgba(0, 0, 0, 0.34);
  font-size: 1.5rem;
  top: .625rem;
  cursor: pointer;
  position: absolute;
}
.task-main-container .labelPicker header div.editLabel i.icon-trash2 {
  right: 0.75rem;
}
.task-main-container .labelPicker header div.editLabel i.icon-arrow_back {
  left: 1rem;
}
.task-main-container .labelPicker header div.editLabel i:hover {
  color: rgba(0, 0, 0, 0.6);
}
.task-main-container .labelPicker .labelView {
  position: relative;
  height: 274px;
}
.task-main-container .labelPicker .labelView .searchBox {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid #f4f4f4;
}
.task-main-container .labelPicker .labelView .searchBox i {
  float: left;
  width: 1rem;
  height: 1rem;
  font-size: 20px;
  margin-left: 12px;
  margin-top: 6px;
}
.task-main-container .labelPicker .labelView .searchBox input {
  width: 11.25rem;
  float: right;
  height: 34px;
  line-height: 34px;
  border: none;
}
.task-main-container .labelPicker .labelView .labelList,
.task-main-container .labelPicker .labelView .search-result {
  position: absolute;
  bottom: 0;
  top: 35px;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem,
.task-main-container .labelPicker .labelView .search-result li.labelItem {
  height: 2.25rem;
  line-height: 2.25rem;
  padding-left: 40px;
  padding-right: 13px;
  width: 100%;
  position: relative;
  cursor: default;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem span.textSpan,
.task-main-container .labelPicker .labelView .search-result li.labelItem span.textSpan {
  display: block;
  float: left;
  max-width: 7.5rem;
  height: 2.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  font-size: 14px;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem i.icon-create,
.task-main-container .labelPicker .labelView .search-result li.labelItem i.icon-create {
  display: none;
  float: left;
  color: #666;
  font-size: 1rem;
  margin-top: .6rem;
  margin-left: 2px;
  cursor: pointer;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem i.icon-check,
.task-main-container .labelPicker .labelView .search-result li.labelItem i.icon-check {
  display: none;
  float: right;
  color: #1ba4ff;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 15px;
  top: 14px;
  border-radius: 50%;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem:hover,
.task-main-container .labelPicker .labelView .search-result li.labelItem:hover {
  background: #f2f2f2;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem.selected i.icon-check,
.task-main-container .labelPicker .labelView .labelList li.labelItem:hover i.icon-create,
.task-main-container .labelPicker .labelView .search-result li.labelItem.selected i.icon-check,
.task-main-container .labelPicker .labelView .search-result li.labelItem:hover i.icon-create {
  display: block;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='1']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='1']:before {
  background: #ed8a8a;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='2']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='2']:before {
  background: #6d4e4e;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='3']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='3']:before {
  background: #8aed90;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='4']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='4']:before {
  background: #8aabed;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='5']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='5']:before {
  background: #dedede;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='6']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='6']:before {
  background: #766a6a;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='7']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='7']:before {
  background: #c38aed;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='8']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='8']:before {
  background: #dced8a;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='9']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='9']:before {
  background: #edb48a;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='10']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='10']:before {
  background: #b5b5b5;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='11']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='11']:before {
  background: #ed8ae0;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='12']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='12']:before {
  background: #8ab7ed;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='13']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='13']:before {
  background: #8aede0;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='14']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='14']:before {
  background: #bb2626;
}
.task-main-container .labelPicker .labelView .labelList li.labelItem[data-color='15']:before,
.task-main-container .labelPicker .labelView .search-result li.labelItem[data-color='15']:before {
  background: #000;
}
.task-main-container .labelPicker .colorPicker,
.task-main-container .labelPicker .labelView .search-result {
  display: none;
}
.task-main-container .labelPicker .colorPicker input.nameInp {
  width: 11.875rem;
  height: 2.25rem;
  line-height: 2.25rem;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  color: #666;
  text-align: left;
  margin: 1rem .9375rem;
  padding: 0 0.75rem;
}
.task-main-container .labelPicker .colorPicker .colorWarp {
  width: 12.5rem;
  height: 7.5rem;
  margin-left: 0.625rem;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  float: left;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem i.icon-check {
  display: none;
  color: #fff;
  font-size: .825rem;
  position: absolute;
  left: 3px;
  top: 2px;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle i.icon-check,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle i.icon-check {
  display: block;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color1:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color1:after {
  border-color: #ed8a8a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color2:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color2:after {
  border-color: #6d4e4e;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color3:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color3:after {
  border-color: #8aed90;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color4:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color4:after {
  border-color: #8aabed;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color5:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color5:after {
  border-color: #dedede;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color6:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color6:after {
  border-color: #766a6a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color7:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color7:after {
  border-color: #c38aed;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color8:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color8:after {
  border-color: #dced8a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color9:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color9:after {
  border-color: #edb48a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color10:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color10:after {
  border-color: #b5b5b5;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color11:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color11:after {
  border-color: #ed8ae0;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color12:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color12:after {
  border-color: #8ab7ed;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color13:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color13:after {
  border-color: #8aede0;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color14:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color14:after {
  border-color: #bb2626;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem.active div.itemCircle.color15:after,
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem:hover div.itemCircle.color15:after {
  border-color: #000;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  position: relative;
  margin: 10px;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color1 {
  background: #ed8a8a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color2 {
  background: #6d4e4e;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color3 {
  background: #8aed90;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color4 {
  background: #8aabed;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color5 {
  background: #dedede;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color6 {
  background: #766a6a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color7 {
  background: #c38aed;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color8 {
  background: #dced8a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color9 {
  background: #edb48a;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color10 {
  background: #b5b5b5;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color11 {
  background: #ed8ae0;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color12 {
  background: #8ab7ed;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color13 {
  background: #8aede0;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color14 {
  background: #bb2626;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle.color15 {
  background: #000;
}
.task-main-container .labelPicker .colorPicker .colorWarp li.colorItem div.itemCircle:after {
  content: '';
  display: none;
  position: absolute;
  top: -3px;
  left: -3px;
  border: 2px solid;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background: none;
}
.task-main-container .labelPicker .colorPicker .btn {
  width: 11.875rem;
  height: 2.25rem;
  position: absolute;
  bottom: 1rem;
  left: 0.9375rem;
}
.task-main-container .labelPicker .colorPicker .btn.OnEdit {
  background: #a3a3a3;
  border-color: #a3a3a3;
}
.task-main-container .labelDelete {
  padding: 1rem;
  max-width: 25rem;
}
.task-main-container .labelDelete header {
  text-align: center;
}
.task-main-container .labelDelete .yesDelete {
  margin-left: 2rem;
  margin-right: 1rem;
  margin-top: 1rem;
}
.task-main-container .labelDelete .noDelete {
  margin-top: 1rem;
}
.task-main-container .confirmBox {
  width: 286px;
  height: 360px;
}
.task-main-container .confirmBox h5 {
  text-align: center;
  line-height: 95px;
  font-size: 28px;
  margin: 0;
}
.task-main-container .confirmBox .content {
  padding: 27px;
  line-height: 30px;
  padding-top: 0;
}
.task-main-container .confirmBox .content .multiDates {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 120px;
  vertical-align: top;
}
.task-main-container .confirmBox .footer {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 15px;
  text-align: center;
}
.task-main-container .confirmBox .footer span {
  margin-right: 10px;
}
.task-main-container .ui-draggable-dragging {
  z-index: 2001;
}
.task-main-container .offlineAlert {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.07);
  z-index: 9999;
}
.task-main-container .offlineAlert .content {
  width: 400px;
  height: 180px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  margin: auto;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.21);
}
.task-main-container .offlineAlert .content h5 {
  background: #0096f6;
  text-align: left;
  font-size: 14px;
  line-height: 40px;
  padding-left: 15px;
  color: #fff;
}
.task-main-container .offlineAlert .content .type-system {
  margin: 15px 0 25px 15px;
  text-align: left;
}
.task-main-container .offlineAlert .content span.btn {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .alert-tip {
  position: fixed!important;
  z-index: 10000;
  width: 240px;
  height: 36px;
  background: rgba(95, 91, 85, 0.7);
  bottom: 20px;
  left: calc(14.5%);
  border-radius: 3px;
  font-size: .75rem;
  color: #666;
  color: #eaeaea;
  padding: 9px 10px;
}
.task-main-container .alert-tip .icon-cancel {
  float: right;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
.task-main-container .AtUserSelect {
  width: 200px;
  max-height: 200px;
  overflow-y: scroll;
  padding: 5px 16px;
}
.task-main-container .AtUserSelect:empty {
  display: none;
}
.task-main-container .AtUserSelect li {
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.task-main-container .AtUserSelect li img {
  vertical-align: middle;
  margin-right: 12px;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
}
.task-main-container .AtUserSelect li.hover,
.task-main-container .AtUserSelect li:hover {
  background: #f6f7fb;
}
.task-main-container .alertRing {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2000;
}
.task-main-container .alertRing .alertRingBox {
  background: rgba(252, 252, 252, 0.8);
  background: #fff;
  border-radius: .75rem;
  width: 18.125rem;
  height: 11.25rem;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container .alertRing .alertRingBox .icon-access_alarm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 1.75rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 2.1875rem;
}
.task-main-container .alertRing .alertRingBox .icon-close {
  position: absolute;
  font-size: 1rem;
  top: 1rem;
  right: 1rem;
  width: .75rem;
  height: .75rem;
  cursor: pointer;
}
.task-main-container .alertRing .alertRingBox .content {
  width: 80%;
  max-height: 2.125rem;
  line-height: 1rem;
  font-size: .875rem;
  color: #333;
  margin-top: 4.875rem;
  text-align: center;
  left: 50%;
  margin-left: 1.8125rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .alertRing .alertRingBox .alertTime {
  font-size: .75rem;
  color: #666;
  margin-top: .5rem;
  height: 1rem;
  line-height: 1rem;
  text-align: center;
}
.task-main-container .alertRing .alertRingBox .bottomLine {
  position: absolute;
  bottom: 2.75rem;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .alertRing .alertRingBox .watchDetail {
  width: 50px;
  height: 17px;
  line-height: 17px;
  font-size: .75rem;
  bottom: .8125rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #1ba4ff;
  cursor: pointer;
}
.task-main-container .flex-side-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #157dc7;
  -webkit-transition: background 0.5s ease-out 0.2s;
  transition: background 0.5s ease-out 0.2s;
}
.task-main-container .flex-side-bar .flex-bar {
  color: rgba(255, 255, 255, 0.66);
  position: absolute;
  width: 16px;
  height: 15px;
  cursor: pointer;
  left: 18px;
  top: 24px;
}
.task-main-container .flex-side-bar .flex-bar.collapse {
  border: 2px solid rgba(255, 255, 255, 0.66);
  border-top: none;
  border-bottom: none;
  width: 14px;
  height: 15px;
  left: 18px;
}
.task-main-container .flex-side-bar .flex-bar.collapse:after {
  content: '';
  position: absolute;
  width: 2px;
  height: 15px;
  top: 0;
  left: 4px;
  background: rgba(255, 255, 255, 0.66);
}
.task-main-container .flex-side-bar .flex-bar.expand {
  border-top: 2px solid rgba(255, 255, 255, 0.66);
}
.task-main-container .flex-side-bar .flex-bar.expand:after,
.task-main-container .flex-side-bar .flex-bar.expand:before {
  content: '';
  position: absolute;
  width: 2px;
  height: 2px;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.66);
}
.task-main-container .flex-side-bar .flex-bar.expand:before {
  top: 4px;
  width: 12px;
}
.task-main-container .flex-side-bar .flex-bar.expand:after {
  top: 11px;
  width: 8px;
}
.task-main-container .flex-side-bar .flex-content {
  width: 52px;
  height: 100%;
  display: none;
  float: right;
  padding: 0 18px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  padding-top: 64px;
  background: #157dc7;
}
.task-main-container .flex-side-bar .flex-content .kanbanName {
  text-align: center;
  margin-bottom: 14px;
  word-break: break-all;
  letter-spacing: 6px;
  word-wrap: break-word;
  max-height: calc(0%);
  overflow: hidden;
}
.task-main-container .flex-side-bar .flex-content .kanbanName.createKanban {
  cursor: pointer;
}
.task-main-container .flex-side-bar .flex-content .kanbanName.createKanban + .isStar {
  display: none;
}
.task-main-container .flex-side-bar .flex-content .isStar {
  font-size: 18px;
  color: #fec029;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-left: -3px;
}
.task-main-container .flex-side-bar .flex-content .icon-star:hover {
  color: #fffc00;
}
.task-main-container .flex-side-bar .flex-content .setting {
  position: absolute;
  bottom: 12px;
  font-size: 24px;
  color: rgba(255, 255, 255, 0.3);
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .doc-date-filter {
  cursor: pointer;
  color: rgba(0, 0, 0, 0.54);
  -webkit-transition: color .2s;
  transition: color 0.2s;
}
.task-main-container .doc-date-filter:hover {
  color: rgba(0, 0, 0, 0.74);
}
.task-main-container .search-select-box {
  width: 190px;
  padding: 4px 0;
}
.task-main-container .search-select-box.for-archive {
  width: 180px;
  height: 180px;
}
.task-main-container .search-select-box.for-archive div.header {
  height: 30px;
  border-bottom: 1px solid #ededed;
  margin-bottom: 0;
}
.task-main-container .search-select-box.for-archive div.header input {
  padding: 0;
  border: none;
  text-align: left;
  font-size: 12px;
  width: calc(70%);
}
.task-main-container .search-select-box.for-archive ul.list {
  height: 146px;
}
.task-main-container .search-select-box .create-archieve-btn {
  display: none;
  cursor: pointer;
}
.task-main-container .search-select-box.show-create span.create-archieve-btn {
  display: inline-block;
}
.task-main-container .search-select-box .header {
  height: auto;
  padding: 0 18px;
  margin-bottom: 8px;
}
.task-main-container .search-select-box .header input {
  width: 100%;
  height: 26px;
  padding: 3px 0;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.task-main-container .search-select-box .create-archieve-box input.archieve-name {
  border: 0;
  padding-left: 20px;
  width: calc(54%);
  font-size: 12px;
}
.task-main-container .search-select-box ul.list {
  height: 214px;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .search-select-box ul.list li {
  padding: 8px 18px;
  padding-right: 10px;
  overflow: hidden;
}
.task-main-container .search-select-box ul.list li.active {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  background-color: #f5f5f5;
}
.task-main-container .search-select-box ul.list li span {
  font-size: .75rem;
  color: #617a8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(83%);
  float: left;
}
.task-main-container .search-select-box ul.list li .icon-check {
  font-size: .75rem;
  color: #1ba4ff;
  display: none;
  float: right;
  font-size: 24px;
  line-height: 16px;
}
.task-main-container .search-select-box ul.list li.selected .icon-check {
  display: block;
}
.task-main-container .search-select-box ul.list li.active span,
.task-main-container .search-select-box ul.list li.selected span {
  max-width: calc(73%);
}
.task-main-container body.firefox .left-func-bar .showing-view .com .add i:before {
  line-height: 24px;
}
.task-main-container .left-func-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #016eb3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: -1000;
  opacity: 0;
  -webkit-transform: translateX(-20%);
  transform: translateX(-20%);
  -webkit-transition: opacity, -webkit-transform 0.3s ease-out;
  transition: opacity, -webkit-transform 0.3s ease-out;
  transition: opacity, transform 0.3s ease-out;
  transition: opacity, transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .left-func-bar.top {
  z-index: 10;
}
.task-main-container .left-func-bar.top ~ div {
  opacity: 0;
  z-index: -1000;
  visibility: hidden;
}
.task-main-container .left-func-bar.no-edit-auth .item-archive,
.task-main-container .left-func-bar.no-edit-auth .item-setting {
  display: none;
}
.task-main-container .left-func-bar.showing-com .showing-view .com {
  z-index: 1;
  opacity: 1;
}
.task-main-container .left-func-bar.showing-com .showing-view .func-list {
  opacity: 0;
}
.task-main-container .left-func-bar.showing {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .left-func-bar .showing-view,
.task-main-container .left-func-bar header {
  padding-left: 16px;
}
.task-main-container .left-func-bar header {
  height: 64px;
  line-height: 64px;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 700;
  font-weight: 400;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container .left-func-bar header .backup {
  position: absolute;
}
.task-main-container .left-func-bar header .backup i,
.task-main-container .left-func-bar header .backup span {
  cursor: pointer;
}
.task-main-container .left-func-bar header .backup i {
  font-size: 20px;
  margin-right: 6px;
  vertical-align: sub;
}
.task-main-container .left-func-bar header .backup span {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
  font-weight: 400;
}
.task-main-container .left-func-bar .showing-view ul.func-list {
  opacity: 1;
}
.task-main-container .left-func-bar .showing-view ul.func-list li {
  height: 55px;
  line-height: 55px;
  padding-left: 4px;
}
.task-main-container .left-func-bar .showing-view ul.func-list li i {
  font-size: 20px;
  margin-right: 21px;
  vertical-align: sub;
  cursor: pointer;
}
.task-main-container .left-func-bar .showing-view ul.func-list li span {
  cursor: pointer;
}
.task-main-container .left-func-bar .showing-view .com {
  position: absolute;
  top: 64px;
  bottom: 0;
  right: 0;
  left: 0;
  padding-top: 16px;
  padding-left: 22px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.task-main-container .left-func-bar .showing-view .com .add {
  color: #fff;
}
.task-main-container .left-func-bar .showing-view .com .add.disabled {
  opacity: 0.6;
}
.task-main-container .left-func-bar .showing-view .com .add.disabled i,
.task-main-container .left-func-bar .showing-view .com .add.disabled span {
  cursor: not-allowed;
}
.task-main-container .left-func-bar .showing-view .com .add i,
.task-main-container .left-func-bar .showing-view .com .add span {
  cursor: pointer;
}
.task-main-container .left-func-bar .showing-view .com .add .icon-add + span {
  vertical-align: 10%;
}
.task-main-container .left-func-bar .showing-view .com .add i {
  font-size: 22px;
  background: #1ba4ff;
  color: #fff;
  border-radius: 50%;
  vertical-align: -24%;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  margin-right: 10px;
}
.task-main-container .left-func-bar .showing-view .com .add i:before {
  vertical-align: 9%;
  line-height: 20px;
  margin-left: 1px;
}
.task-main-container .left-func-bar .showing-view .com .set-user {
  height: 100%;
}
.task-main-container .left-func-bar .showing-view .com .set-user .user-list,
.task-main-container .left-func-bar .showing-view .com .set-user .user-list-lazy {
  margin: 10px 0;
  height: calc(70%);
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 20px;
}
.task-main-container .left-func-bar .showing-view .com .set-user .user-list-lazy > li,
.task-main-container .left-func-bar .showing-view .com .set-user .user-list > li {
  line-height: 42px;
  height: 42px;
}
.task-main-container .left-func-bar .showing-view .com .set-user .user-list-lazy > li + li,
.task-main-container .left-func-bar .showing-view .com .set-user .user-list > li + li {
  margin-top: 0;
}
.task-main-container .left-func-bar .showing-view .com .set-user .user-list-lazy > li img,
.task-main-container .left-func-bar .showing-view .com .set-user .user-list > li img {
  vertical-align: middle;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
  border-radius: 2px;
}
.task-main-container .left-func-bar .showing-view .com .set-user .user-list-lazy > li span,
.task-main-container .left-func-bar .showing-view .com .set-user .user-list > li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(10%);
  vertical-align: top;
}
.task-main-container .common-tab {
  width: 580px;
  height: auto;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container .common-tab header {
  height: 60px;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
}
.task-main-container .common-tab header h5 {
  font-size: 16px;
  color: #333;
  line-height: 60px;
}
.task-main-container .common-tab header i {
  color: #bcbcbc;
  position: absolute;
  right: 27px;
  top: 17px;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .common-tab header i:hover {
  color: #333;
}
.task-main-container .common-tab nav {
  height: 48px;
  background: #f8f8f8;
  border: 1px solid #eaeaea;
}
.task-main-container .common-tab nav ul {
  font-size: 0;
}
.task-main-container .common-tab nav ul li {
  color: #a3a3a3;
  width: 25%;
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 12px;
  line-height: 48px;
  text-align: center;
  cursor: default;
}
.task-main-container .common-tab nav ul li + li:before {
  position: absolute;
  content: '';
  top: 12px;
  height: 24px;
  left: 0;
  width: 1px;
  background: #eaeaea;
}
.task-main-container .common-tab nav ul li.active {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .common-tab .list {
  height: 400px;
  position: relative;
}
.task-main-container .common-tab .list .type-system {
  color: #626263;
}
.task-main-container .common-tab .list > li {
  position: absolute;
  padding: 25px 30px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .common-tab .list > li.active {
  z-index: 10000;
  opacity: 1;
}
.task-main-container .common-tab .list > li > div {
  text-align: center;
  text-align: left;
}
.task-main-container .common-tab .type-system {
  color: #666;
}
.task-main-container .common-tab .btn + .btn {
  margin-left: 10px;
}
.task-main-container .common-tab .btn-primary-outline {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
}
.task-main-container .user-list-lazy > li > .no-member-holder,
.task-main-container .user-list-lazy > li > img {
  width: 24px;
  height: 24px;
  margin-right: 15px;
  border-radius: 2px;
}
.task-main-container .user-list-lazy > li .no-member-holder {
  background: #dbdbdb;
}
.task-main-container .user-list-lazy > li > span.user-name {
  cursor: default;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(57%);
}
.task-main-container .user-list-lazy > li + li {
  margin-top: 17px;
}
.task-main-container .click-disabled.btn-primary-outline:hover {
  background: transparent;
  color: #1ba4ff;
}
.task-main-container .config-doc-export {
  width: 360px;
}
.task-main-container .config-doc-export > header > h3 {
  line-height: 59px;
  border-bottom: 1px solid #eaeaea;
  margin: 0;
  text-align: center;
}
.task-main-container .config-doc-export > header > i {
  color: #bcbcbc;
  position: absolute;
  right: 27px;
  top: 17px;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .config-doc-export > header > i:hover {
  color: #333;
}
.task-main-container .config-doc-export .content {
  padding: 18px 22px;
}
.task-main-container .config-doc-export .content [class$=-date] {
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  padding: 2px 3px;
  cursor: pointer;
}
.task-main-container .rui-config {
  text-align: left;
}
.task-main-container .rui-config .rui-config-info > div + div {
  margin-top: 28px;
}
.task-main-container .rui-config .rui-config-info .type-system {
  display: block;
  margin-bottom: 15px;
}
.task-main-container .rui-config .rui-config-info .cover {
  overflow: hidden;
}
.task-main-container .rui-config .rui-config-info .cover img {
  width: 118px;
  height: 60px;
  margin-right: 15px;
  vertical-align: middle;
  border-radius: 3px;
}
.task-main-container .rui-config .rui-config-info .cover .update-cover {
  cursor: pointer;
}
.task-main-container .rui-config .rui-config-info .cover .update-cover.click-disabled {
  display: none;
}
.task-main-container .rui-config .rui-config-info input.name {
  font-size: 13px;
  color: #626263;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 8px 11px;
  width: 520px;
}
.task-main-container .rui-config .rui-config-info .config-info-owner > div span + span {
  margin-left: 12px;
}
.task-main-container .rui-config .rui-config-info .cover-list {
  position: absolute;
  top: 0;
  background: #fff;
  opacity: 0;
  display: none;
  bottom: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  margin-top: 25px;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li {
  float: left;
  position: relative;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li img {
  width: 118px;
  height: 60px;
  margin-bottom: 15px;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li + li img {
  margin-left: 16px;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li:nth-child(4n+1),
.task-main-container .rui-config .rui-config-info .cover-list > ul > li:nth-child(4n+1) img {
  margin-left: 0;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li.selected > span.check {
  display: block;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li > span.check {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #1ba4ff;
  display: none;
}
.task-main-container .rui-config .rui-config-info .cover-list > ul > li > span.check:after {
  display: block;
  font-family: icomoon!important;
  content: "\E5CA";
  color: #ececec;
  margin-top: -2px;
  margin-left: 2px;
}
.task-main-container .rui-config .rui-config-info .cover-list .cover-update-btns .btn + .btn {
  margin-left: 12px;
}
.task-main-container .rui-config .rui-config-info.show-cover .cover-list {
  display: block;
  opacity: 1;
}
.task-main-container .rui-config .rui-config-prefer > div + div {
  margin-top: 24px;
}
.task-main-container .rui-config .rui-config-prefer p {
  margin-bottom: 0;
  font-size: 13px;
}
.task-main-container .rui-config .rui-config-prefer .radio,
.task-main-container .rui-config .rui-config-prefer .sync > p {
  margin-top: 6px;
}
.task-main-container .rui-config .rui-config-prefer .radio > div {
  float: left;
}
.task-main-container .rui-config .rui-config-prefer .radio > div + div {
  margin-left: 26px;
}
.task-main-container .rui-config .rui-config-prefer .radio .rui-radio {
  vertical-align: top;
}
.task-main-container .rui-config .rui-config-prefer .radio .rui-radio + span {
  margin-left: 10px;
  font-size: 13px;
  color: #626263;
}
.task-main-container .rui-config .auth-config {
  overflow-y: auto;
  height: 370px;
  padding-right: 5px;
}
.task-main-container .rui-config .auth-config.scroll {
  margin-top: -25px;
  margin-right: -26px;
  padding-right: 16px;
}
.task-main-container .rui-config .auth-config.scroll .add-member {
  padding-top: 25px;
}
.task-main-container .rui-config .auth-config .custom-role-auth {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  margin-top: 15px;
}
.task-main-container .rui-config .auth-config .auth-detail {
  height: 510px;
  top: 146px;
  display: none;
}
.task-main-container .rui-config .auth-config .auth-detail.show {
  display: block;
}
.task-main-container .rui-config .auth-config .auth-detail section {
  height: 390px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  padding: 23px 30px;
  padding-bottom: 0;
}
.task-main-container .rui-config .auth-config .auth-detail section > div + div {
  margin-top: 23px;
}
.task-main-container .rui-config .auth-config .auth-detail section h4 {
  font-size: 12px;
  color: #a3a3a3;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
  margin-bottom: 0;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li {
  height: 40px;
  line-height: 40px;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li + li {
  border-top: 1px solid #f5f5f5;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li:last-child {
  border-bottom: 1px solid #f5f5f5;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li span {
  text-indent: 1em;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li span > i.icon-check {
  visibility: hidden;
  color: #0689dd;
  font-size: 18px;
  vertical-align: sub;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li span.checked i.icon-check {
  visibility: visible;
}
.task-main-container .rui-config .auth-config .auth-detail section ul li span:first-child {
  width: 274px;
  text-indent: 0;
  color: #666;
}
.task-main-container .rui-config .auth-config .auth-detail.collect-auth-detail [data-field=authority],
.task-main-container .rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=checkAuthority],
.task-main-container .rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=editAuthority],
.task-main-container .rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=message],
.task-main-container .rui-config .auth-config .auth-detail.kanban-auth-detail [data-field=schedule],
.task-main-container .rui-config .auth-config .auth-detail [data-field=attribute],
.task-main-container .rui-config .auth-config .auth-detail [data-field=quitCorpus],
.task-main-container .rui-config .auth-config .auth-detail [data-field=quitKB],
.task-main-container .rui-config .auth-config .auth-detail [data-field=transitionCorpus],
.task-main-container .rui-config .auth-config .auth-detail [data-field=transitionKB] {
  display: none;
}
.task-main-container .rui-config .auth-config nav ul li,
.task-main-container .rui-config .auth-config section ul li > span {
  float: right;
  text-align: left;
}
.task-main-container .rui-config .auth-config nav ul li:first-child,
.task-main-container .rui-config .auth-config section ul li > span:first-child {
  width: 287px;
  float: left;
}
.task-main-container .rui-config .auth-config nav ul li:nth-child(2),
.task-main-container .rui-config .auth-config section ul li > span:nth-child(2) {
  width: 54px;
}
.task-main-container .rui-config .auth-config nav ul li:nth-child(3),
.task-main-container .rui-config .auth-config section ul li > span:nth-child(3) {
  width: 82px;
}
.task-main-container .rui-config .auth-config nav ul li:nth-child(4),
.task-main-container .rui-config .auth-config section ul li > span:nth-child(4) {
  width: 90px;
}
.task-main-container .rui-config .auth-config nav {
  padding: 0 30px;
}
.task-main-container .rui-config .auth-config nav ul li:before {
  display: none;
}
.task-main-container .rui-config .auth-config .dropdown-item.selected i.icon-check {
  display: block;
}
.task-main-container .rui-config .auth-config .dropdown-item i.icon-check {
  float: right;
  margin-right: 8px;
  display: none;
  font-size: .75rem;
  color: #1ba4ff;
  font-size: 18px;
}
.task-main-container .rui-config .auth-config .custom-auth {
  display: none;
}
.task-main-container .rui-config .auth-config .default-role {
  position: relative;
}
.task-main-container .rui-config .auth-config .default-role > div {
  margin: 0 0 7px;
}
.task-main-container .rui-config .auth-config .default-role > div.clearfix .pull-left {
  margin-top: 5px;
}
.task-main-container .rui-config .auth-config .default-role > div .dropdown-menu {
  margin-top: -32px;
  margin-right: -27px;
}
.task-main-container .rui-config .auth-config .default-role .role {
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  width: 120px;
  padding: 2px 6px;
  cursor: pointer;
}
.task-main-container .rui-config .auth-config .default-role .role.click-disabled > i {
  display: none;
}
.task-main-container .rui-config .auth-config .default-role .role .name {
  vertical-align: sub;
}
.task-main-container .rui-config .auth-config .default-role .role > i {
  float: right;
  font-size: 24px;
}
.task-main-container .rui-config .auth-config .member-list strong {
  font-weight: 400;
  margin: 0 2px;
}
.task-main-container .rui-config .auth-config .member-list .user-list-lazy {
  margin-top: -10px;
  overflow-y: auto;
}
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li {
  position: relative;
}
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li .auth-select-box {
  display: block;
}
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li .auth-symbol,
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li .auth-symbol > i,
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li .auth-symbol > span {
  cursor: pointer;
}
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li .auth-symbol > i {
  font-size: 20px;
  vertical-align: sub;
}
.task-main-container .rui-config .auth-config .member-list .user-list-lazy > li .auth-symbol.click-disabled > i {
  display: none;
}
.task-main-container .rui-config .advance > div span + p {
  margin-top: 8px;
  margin-bottom: 13px;
}
.task-main-container .rui-config .advance > div + div {
  margin-top: 26px;
}
.task-main-container .rui-config .advance .manage span.btn + span.btn {
  margin-left: 10px;
}
.task-main-container .rui-config.template-kanban-config > .common-tab > nav > ul > li {
  width: 33%;
}
.task-main-container .rui-config.template-kanban-config .auth-config .add-member-btn,
.task-main-container .rui-config.template-kanban-config .auth-config .member-list {
  display: none;
}
.task-main-container body.firefox .rui-config .auth-config .auth-detail section ul li span:not(.desc) {
  text-indent: 1.8em;
}
.task-main-container .doc-components-header-operate {
  line-height: 24px;
}
.task-main-container .doc-components-header-operate .collect-name-wrap {
  cursor: pointer;
}
.task-main-container .doc-components-header-operate .collect-name-wrap > i {
  font-size: 22px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  left: -7px;
}
.task-main-container .doc-components-header-operate .collect-name-wrap:not(.no-hover):hover {
  opacity: 0.8;
}
.task-main-container .doc-components-header-operate .operate-button-list {
  font-size: 0;
  height: 24px;
}
.task-main-container .doc-components-header-operate .operate-button-list > li {
  display: inline-block;
  margin-left: 18px;
  cursor: pointer;
}
.task-main-container .doc-components-header-operate .operate-button-list > li:hover {
  opacity: 0.8;
}
.task-main-container .doc-components-title {
  padding-right: 130px;
  position: relative;
}
.task-main-container .doc-components-title .title {
  word-break: break-all;
  min-height: 47px;
}
.task-main-container .doc-components-title .info-more {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 120px;
  text-align: center;
}
.task-main-container .doc-components-title .info-more.doc-generate {
  padding-top: 8px;
}
.task-main-container .doc-components-title.no-info-more {
  padding-right: 0;
}
.task-main-container .doc-components-content-check .info-area {
  padding: 13px 0;
}
.task-main-container .doc-components-content-check .body-area {
  min-height: 500px;
}
.task-main-container .doc-components-content-edit .info-area {
  padding: 4.5px 0;
}
.task-main-container .doc-components-content-edit .simditor {
  border: none;
}
.task-main-container .doc-components-content-edit .simditor-body {
  padding-left: 0;
  padding-right: 0;
}
.task-main-container .doc-components-content-edit.doc-simditor-new-doc .simditor-body {
  min-height: 1300px;
}
.task-main-container .doc-components-content-edit .more-info .file-list {
  padding: 20px 0;
}
.task-main-container .doc-components-content-edit .about-info {
  position: relative;
  top: 20px;
  text-align: center;
}
.task-main-container .doc-components-content-edit-toolbar {
  border-bottom: 1px solid #eaeaea;
  z-index: 2;
}
.task-main-container .doc-components-content-edit-toolbar.toolbar-hide {
  height: 0;
  overflow: hidden;
  border: none;
}
.task-main-container .doc-components-content-edit-toolbar > ul > li > span.separator {
  background: rgba(255, 255, 255, 0.87);
}
.task-main-container .doc-components-content-edit-toolbar > ul > li .toolbar-item {
  color: #333;
}
.task-main-container .doc-components-content-edit-toolbar > ul > li.menu-on .toolbar-item,
.task-main-container .doc-components-content-edit-toolbar > ul > li .more-option .toolbar-item {
  color: #000;
}
.task-main-container .doc-components-content-edit-toolbar.hasGenerate {
  padding-right: 100px;
}
.task-main-container .doc-components-content-edit-toolbar:not(.normal-toolbar) .doc-generate .btn {
  background: none;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate {
  position: absolute;
  top: 8px;
  right: 5px;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .btn {
  border-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1 !important;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .btn:hover {
  color: #fff;
  border-color: #fff;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate.doc_vip .btn {
  padding-right: 28px;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .setting-more {
  position: absolute;
  font-size: 20px;
  top: 5px;
  right: 7px;
  cursor: pointer;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu {
  padding: 10px 20px;
  margin-top: 7px;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu h6,
.task-main-container .doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu label {
  margin-bottom: 0;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item {
  padding-right: 50px;
  position: relative;
}
.task-main-container .doc-components-content-edit-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item .toggle {
  position: absolute;
  right: 0;
  top: 7px;
}
.task-main-container .doc-components-content-edit-toolbar .custom-item {
  font-size: 22px !important;
}
.task-main-container .doc-components-content-edit-toolbar .more-option.open {
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .doc-components-content-edit-toolbar .more-option {
  position: absolute;
  top: 106%;
  right: 0;
  z-index: 0;
  opacity: 0;
  width: auto;
  border: none;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 3px;
  background: #fff;
  -webkit-transform: translateX(1000px);
  transform: translateX(1000px);
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul {
  padding-left: 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul,
.task-main-container .doc-components-content-edit-toolbar > ul {
  margin: 0;
  padding: 0 0 0 6px;
  list-style: none;
  white-space: nowrap;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li:first-child[data-type=separator],
.task-main-container .doc-components-content-edit-toolbar > ul > li:first-child[data-type=separator] {
  position: absolute;
  opacity: 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li,
.task-main-container .doc-components-content-edit-toolbar > ul > li {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > span.separator,
.task-main-container .doc-components-content-edit-toolbar > ul > li > span.separator {
  display: inline-block;
  background: #cfcfcf;
  width: 1px;
  height: 18px;
  margin: 5px 15px;
  vertical-align: middle;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item {
  display: inline-block;
  width: 28px;
  height: 28px;
  outline: none;
  font-size: 15px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-more-option,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-more-option {
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item span,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item span {
  opacity: .6;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item span.simditor-icon,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item span.simditor-icon {
  display: inline;
  line-height: normal;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item:hover span,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item:hover span {
  opacity: 1;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.active,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.active {
  background: #eee;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.active span,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.active span {
  opacity: 1;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.disabled,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.disabled {
  cursor: default;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.disabled span,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.disabled span {
  opacity: 0.3;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-title span:before {
  content: "H";
  font-size: 19px;
  font-weight: 700;
  font-family: Times New Roman;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before {
  content: 'H1';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before {
  content: 'H2';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before {
  content: 'H3';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-image,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-image {
  position: relative;
  overflow: hidden;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-image > input[type=file],
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-image > input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-font span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-font span:before {
  font-size: 19px;
  font-weight: 700;
  font-family: Times New Roman;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-12 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-12 span:before {
  content: '12';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-14 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-14 span:before {
  content: '14';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-16 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-16 span:before {
  content: '16';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-18 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-18 span:before {
  content: '18';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-20 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-20 span:before {
  content: '20';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-24 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-24 span:before {
  content: '24';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-30 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-30 span:before {
  content: '30';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-36 span:before,
.task-main-container .doc-components-content-edit-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-36 span:before {
  content: '36';
  font-size: 18px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li.menu-on .toolbar-item,
.task-main-container .doc-components-content-edit-toolbar > ul > li.menu-on .toolbar-item {
  position: relative;
  z-index: 20;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li.menu-on .toolbar-item span,
.task-main-container .doc-components-content-edit-toolbar > ul > li.menu-on .toolbar-item span {
  opacity: 1;
}
.task-main-container .doc-components-content-edit-toolbar .more-option > ul > li.menu-on .toolbar-menu,
.task-main-container .doc-components-content-edit-toolbar > ul > li.menu-on .toolbar-menu {
  display: block;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 21;
  background: #fff;
  text-align: left;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu:before,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu:before {
  content: '';
  display: block;
  width: 28px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: -3px;
  left: 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul {
  min-width: 160px;
  list-style: none;
  margin: 0;
  padding: 10px 1px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item {
  display: block;
  font-size: 16px;
  line-height: 2em;
  padding: 0 10px;
  text-decoration: none;
  color: #666;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item:hover,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item:hover {
  background: #f6f6f6;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h1,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item.menu-item-h1 {
  font-size: 24px;
  color: #333;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h2,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item.menu-item-h2 {
  font-size: 22px;
  color: #333;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h3,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item.menu-item-h3 {
  font-size: 20px;
  color: #333;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h4,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
  font-size: 18px;
  color: #333;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h5,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .menu-item.menu-item-h5 {
  font-size: 16px;
  color: #333;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu ul > li .separator,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu ul > li .separator {
  display: block;
  border-top: 1px solid #ccc;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 6px 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color {
  width: 96px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list {
  height: 40px;
  margin: 10px 6px 6px 10px;
  padding: 0;
  min-width: 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
  float: left;
  margin: 0 4px 4px 0;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
  display: block;
  width: 16px;
  height: 16px;
  background: #dfdfdf;
  border-radius: 2px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
  opacity: 0.8;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
  background: #333;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-1,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
  background: #e33737;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-2,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
  background: #e28b41;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-3,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
  background: #c8a732;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-4,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
  background: #209361;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-5,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
  background: #418caf;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-6,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
  background: #aa8773;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-7,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
  background: #999;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
  background: #fff;
  padding: 1px;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
  padding: 0;
  cursor: pointer;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td:before,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  background: #f3f3f3;
  display: block;
  content: '';
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before {
  background: #cfcfcf;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
  display: none;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table ul li,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
  white-space: nowrap;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
  position: relative;
  overflow: hidden;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file],
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-alignment,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-alignment {
  width: 100%;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-alignment ul,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-alignment ul {
  min-width: 100%;
}
.task-main-container .doc-components-content-edit-toolbar .more-option .toolbar-menu.toolbar-menu-alignment .menu-item,
.task-main-container .doc-components-content-edit-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
  text-align: center;
}
.task-main-container .doc-components-turn-page .turn-page {
  cursor: pointer;
}
.task-main-container .doc-components-turn-page .turn-page i {
  font-size: 20px;
}
.task-main-container .doc-components-turn-page .turn-page span {
  vertical-align: text-bottom;
}
.task-main-container .doc-components-turn-page .turn-page i + span,
.task-main-container .doc-components-turn-page .turn-page span + i {
  margin-left: 18px;
}
.task-main-container .doc-components-turn-page .turn-page.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
}
.task-main-container .doc-components-share {
  width: 360px;
}
.task-main-container .doc-components-share .title {
  text-align: center;
  padding: 10px 0;
  line-height: 16px;
  border-bottom: 1px solid #f4f4f4;
}
.task-main-container .doc-components-share .panel-divider {
  padding: 20px;
  padding-bottom: 10px;
}
.task-main-container .doc-components-share .share {
  display: none;
}
.task-main-container .doc-components-share .share.open-share {
  display: block;
}
.task-main-container .doc-components-share .share .share-switch {
  cursor: pointer;
  display: none;
}
.task-main-container .doc-components-share .share.enable-share .share-switch {
  display: inline-block;
}
.task-main-container .doc-components-share .share.enable-share .disable-share-info {
  display: none;
}
.task-main-container .doc-components-share .share-link-wrap {
  padding: 0 20px;
}
.task-main-container .doc-components-share .share-link-wrap.open-share .share-link {
  display: block;
}
.task-main-container .doc-components-share .share-link-wrap .share-link {
  border: 1px solid #dadada;
  border-radius: 2px;
  font-size: 0;
  height: 32px;
  display: none;
}
.task-main-container .doc-components-share .share-link-wrap .share-link > * {
  display: inline-block;
}
.task-main-container .doc-components-share .share-link-wrap .share-link > input {
  border: none;
  height: 100%;
  width: calc(47%);
  padding-left: 10px;
  cursor: text;
}
.task-main-container .doc-components-share .share-link-wrap .share-link > span {
  line-height: 30px;
  vertical-align: top;
  width: 53px;
  text-align: center;
  border-left: 1px solid #dadada;
  cursor: pointer;
}
.task-main-container .doc-components-share .share-link-wrap .share-link > span:hover {
  opacity: 0.8;
}
.task-main-container .doc-components-share .r-permission-panel {
  padding-top: 0;
}
.task-main-container .doc-components-setting {
  width: 180px;
}
.task-main-container .doc-components-setting > ul > li {
  line-height: 30px;
  padding-left: 34px;
  cursor: pointer;
}
.task-main-container .doc-components-setting > ul > li:hover {
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  background-color: #f5f5f5;
}
.task-main-container .doc-components-setting > ul > li[disabled=disabled] {
  opacity: 0.7;
}
.task-main-container .doc-setting-date-modal-wrap {
  display: inline-block;
  margin-top: 50px;
  background: #fff;
  width: 285px;
}
.task-main-container .doc-setting-date-modal-wrap .setting-date-header {
  line-height: 59px;
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .doc-setting-date-modal-wrap .weekSelector {
  width: 100%!important;
  text-align: left;
}
.task-main-container .doc-setting-date-modal-wrap .rui-month-selector {
  width: 100%;
}
.task-main-container .doc-setting-date-modal-wrap .rui-month-selector .month-selector-ul {
  width: 100%;
  padding-right: 0;
}
.task-main-container .doc-setting-date-modal-wrap .datePicker,
.task-main-container .doc-setting-date-modal-wrap .rui-month-selector .month-selector-ul > li {
  width: 100%;
}
.task-main-container .doc-components-move {
  width: 285px;
  padding: 10px;
}
.task-main-container .doc-components-move .collect-select-wrap {
  margin-bottom: 20px;
  padding: 0 6px;
}
.task-main-container .doc-components-move .collect-select {
  cursor: pointer;
}
.task-main-container .doc-components-move .collect-select .collect-name {
  margin-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
  display: inline-block;
  vertical-align: bottom;
}
.task-main-container .doc-detail-component {
  background: #fff;
  padding: 0 65px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
}
.task-main-container .doc-detail-component.check-state {
  padding-bottom: 46px;
}
.task-main-container .doc-detail-component.not-found {
  height: 100%;
}
.task-main-container .doc-detail-component.not-found .not-found-tip {
  text-align: center;
  padding-top: 50px;
}
.task-main-container .doc-detail-component.not-found .back-to-main {
  padding: 11px 0;
}
.task-main-container .doc-detail-component .sault-doc-detail-title {
  padding-bottom: 19px;
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .doc-detail-component .sault-doc-detail-trend {
  border-top: 1px solid #eaeaea;
}
.task-main-container .doc-detail-component .sault-doc-detail-comment {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}
.task-main-container .sault-doc-detail-header {
  padding: 21px 0;
}
.task-main-container .sault-doc-detail-turn-page {
  padding: 17px 0;
  border-top: 1px solid #eaeaea;
  margin-top: 60px;
}
.task-main-container .doc-generate-component {
  background: #fff;
  border: 1px solid #b6b6b6;
  border-radius: 3px;
  position: relative;
  line-height: 28px;
  cursor: pointer;
}
.task-main-container .doc-generate-component.doc_vip {
  padding-right: 26px;
}
.task-main-container .doc-generate-component .setting-more {
  display: inline-block;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #b6b6b6;
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  text-align: center;
  font-size: 16px;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu {
  padding: 10px 20px;
  margin-top: 7px;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu h6,
.task-main-container .doc-generate-component .setting-more .dropdown-menu label {
  margin-bottom: 0;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu label {
  white-space: nowrap;
  line-height: 14px;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu .toggle-item {
  padding-right: 50px;
  position: relative;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu .toggle-item .toggle {
  position: absolute;
  right: 0;
  top: 7px;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu .toggle-item .toggle .track {
  position: relative;
}
.task-main-container .doc-generate-component .setting-more .dropdown-menu .toggle-item .toggle.small-toggle .handle {
  top: 0;
  left: 0;
}
.task-main-container .doc-generate-component .generate-btn {
  text-align: center;
}
.task-main-container .doc-generate-component .generate-btn.disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
}
.task-main-container .rui-common-modal {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container .rui-common-modal > header {
  position: relative;
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .rui-common-modal > header h5 {
  font-size: 16px;
  color: #333;
  line-height: 60px;
  text-align: center;
  margin: 0;
}
.task-main-container .rui-common-modal > header i.icon-close {
  color: #bcbcbc;
  position: absolute;
  right: 27px;
  top: 17px;
  font-size: 24px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .rui-common-modal > header i.icon-close:hover {
  color: #333;
}
.task-main-container .rui-common-modal > main {
  position: relative;
  padding: 20px 30px;
}
.task-main-container .rui-common-modal > main .type-system {
  color: #666;
  font-size: 12px;
  margin-bottom: 8px;
  display: block;
}
.task-main-container .rui-common-modal > main .type-caption {
  color: #a3a3a3;
}
.task-main-container .rui-common-modal > main > section input[type=text] {
  font-size: 13px;
  color: #626263;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 8px 11px;
  width: 100%;
}
.task-main-container .rui-common-modal > main > section .btn + .btn {
  margin-left: 15px;
}
.task-main-container .rui-common-modal > main > section + section {
  margin-top: 28px;
}
.task-main-container .create-modal {
  width: 410px;
  height: 470px;
}
.task-main-container .create-modal li.cover-item {
  width: 85px;
  display: inline-block;
  position: relative;
  text-align: center;
  border-radius: 2px;
  cursor: pointer;
}
.task-main-container .create-modal li.cover-item + li {
  margin-left: 15px;
}
.task-main-container .create-modal li.cover-item.selected:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background: #1ba4ff;
  opacity: 0.6;
}
.task-main-container .create-modal li.cover-item.selected .icon-check {
  display: block;
}
.task-main-container .create-modal li.cover-item.selected > span {
  color: #0096f6;
}
.task-main-container .create-modal li.cover-item .icon-check {
  display: none;
  color: #fff;
  font-size: 18px;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -17px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.task-main-container .create-modal li.cover-item img {
  width: 85px;
  height: 48px;
  border-radius: 2px;
}
.task-main-container .create-modal li.cover-item > span {
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
  max-width: 85px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .create-modal .template-short-list ul {
  font-size: 0;
  display: inline-block;
  max-width: 285px;
  max-height: 77px;
  overflow: hidden;
}
.task-main-container .create-modal .template-short-list .rui-loading + .show-more {
  display: none;
}
.task-main-container .create-modal .template-short-list .show-more {
  display: inline-block;
  vertical-align: 242%;
  margin-left: 11px;
  cursor: pointer;
}
.task-main-container .create-modal .doc-type-list li.cover-item {
  width: 78px;
}
.task-main-container .create-modal .doc-type-list li.cover-item + li {
  margin-left: 12px;
}
.task-main-container .create-modal .doc-type-list li.cover-item img {
  width: 78px;
}
.task-main-container .create-modal .doc-type-list li.cover-item > span {
  max-width: 78px;
}
.task-main-container .create-modal .create {
  margin-top: 35px;
}
.task-main-container .rui-user-selector {
  width: 260px;
}
.task-main-container .rui-user-selector[data-type=simple] {
  width: 180px;
}
.task-main-container .rui-user-selector[data-type=common] {
  width: 260px;
}
.task-main-container .rui-user-selector[data-block=team] .rui-user-selector-dept-info {
  display: block;
}
.task-main-container .rui-user-selector[data-block=team] .rui-user-selector-dept-info.dept-info-open + .rui-user-selector-body {
  height: 247px;
}
.task-main-container .rui-user-selector[data-block=dept] .rui-user-selector-search {
  display: none;
}
.task-main-container .rui-user-selector[data-block=dept] .rui-user-selector-body {
  height: 305px;
}
.task-main-container .rui-user-selector .rui-user-selector-header {
  border-bottom: 1px solid #f4f4f4;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel {
  padding: 10.5px 0;
  font-size: 0;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel.list-length-1 li {
  width: 100%;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel.list-length-2 li {
  width: 50%;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel.list-length-3 li {
  width: 33.33333%;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel li {
  display: inline-block;
  font-size: .875rem;
  text-align: center;
  cursor: pointer;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel li + li {
  border-left: 1px solid #f0f0f0;
}
.task-main-container .rui-user-selector .rui-user-selector-header > .panel li.active {
  font-size: .875rem;
  color: #1ba4ff;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box[data-size=small] {
  height: 35px;
  padding: 9px 0;
  padding-left: 39px;
  padding-right: 13px;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box[data-size=middle] {
  height: 45px;
  padding: 14px 0;
  padding-left: 23px;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box[data-size=middle] .search-input {
  margin-left: 10px;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box {
  font-size: 0;
  background: #f8f8f8;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box > * {
  font-size: 12px;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box.need-select-all {
  padding-right: 46px;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box .search-icon {
  font-size: 20px;
  position: absolute;
  left: 10px;
  top: 7px;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box .search-input {
  border: none;
  height: 17px;
  vertical-align: top;
  background: none;
  width: 100%;
}
.task-main-container .rui-user-selector .rui-user-selector-search .search-box .select-all {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 13px;
}
.task-main-container .rui-user-selector .rui-user-selector-dept-info {
  display: none;
  padding: 0 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .rui-user-selector .rui-user-selector-body {
  height: 270px;
  overflow: hidden;
}
.task-main-container .rui-user-selector .rui-user-selector-body > .dept-list {
  height: 100%;
  overflow: auto;
}
.task-main-container .rui-user-selector .rui-user-selector-body header {
  cursor: default;
  font-size: 0;
  padding-right: 15px;
  padding-top: 7px;
  padding-bottom: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .rui-user-selector .rui-user-selector-body header .icon {
  margin-right: 10px;
  cursor: pointer;
}
.task-main-container .rui-user-selector .rui-user-selector-body header:hover {
  background: #f6f7fb;
}
.task-main-container .list-source-selector {
  height: 100%;
  overflow: auto;
}
.task-main-container .list-source-selector .list-source-name {
  text-align: left;
  padding: 12px 0;
  line-height: 17px;
  padding-left: 10px;
}
.task-main-container .list-source-selector .rui-user-item {
  padding-left: 10px;
}
.task-main-container .list-source-selector .rui-user-item:hover {
  background: #f6f7fb;
}
.task-main-container .rui-user-item {
  padding: 5px 0;
  font-size: 0;
  padding-right: 15px;
  cursor: default;
  min-height: 33px;
}
.task-main-container .rui-user-item > span {
  vertical-align: middle;
  font-size: 0.875rem;
}
.task-main-container .rui-user-item .userAvatar {
  width: 24px;
  height: 24px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.task-main-container .rui-user-item .userName {
  display: inline-block;
  width: 6em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .rui-user-item .userAvatar + .userName {
  margin-left: 13px;
}
.task-main-container .rui-user-item .isStar {
  display: inline-block;
  visibility: hidden;
  color: #fec029;
  cursor: pointer;
  margin-left: 5px;
}
.task-main-container .rui-user-item:hover .isStar {
  visibility: visible;
}
.task-main-container .rui-user-item .res {
  display: inline-block;
  font-size: .75rem;
  color: #1ba4ff;
  visibility: hidden;
  border: 1px solid #0096f6;
  border-radius: 2px;
  padding: 0 4px;
  margin-left: 5px;
  line-height: 18px;
}
.task-main-container .rui-user-item .checkThis {
  float: right;
  cursor: pointer;
  display: none;
}
.task-main-container .rui-user-item.selected .checkThis {
  display: block;
}
.task-main-container .rui-user-item.disabled {
  cursor: not-allowed !important;
}
.task-main-container .rui-user-item.disabled .userName {
  color: #a3a3a3;
}
.task-main-container .rui-user-item.disabled .checkThis {
  cursor: inherit;
}
.task-main-container .rui-user-list-selector {
  height: 100%;
}
.task-main-container .selected-box-ui > li.selected i.icon-check {
  display: block;
}
.task-main-container .selected-box-ui > li i.icon-check {
  float: right;
  display: none;
  font-size: .75rem;
  color: #1ba4ff;
  font-size: 18px;
}
.task-main-container .auth-box {
  width: 120px;
  font-size: 12px;
  line-height: 1.5;
}
.task-main-container .auth-box li.dropdown-item {
  overflow: hidden;
}
.task-main-container .auth-box li.dropdown-item > span {
  float: left;
  max-width: calc(50%);
}
.task-main-container .tomato-clock {
  position: relative;
}
.task-main-container .tomato-clock .out-side-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 220px;
  height: 220px;
  border-radius: 50%;
  border: 6px solid #fdc7c8;
}
.task-main-container .tomato-clock canvas {
  background: transparent;
  margin-top: 5px;
  position: relative;
}
.task-main-container .tomato-clock .clock-stat,
.task-main-container .tomato-clock .has-finished {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 36px;
  color: #ff6868;
}
.task-main-container .tomato-clock .has-finished {
  display: none;
  font-size: 30px;
}
.task-main-container .tomato-clock.is-end .has-finished {
  display: block;
}
.task-main-container .tomato-clock.is-end .clock-stat {
  display: none;
}
.task-main-container #navigator {
  min-height: 3.375rem;
  z-index: 1000;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.32);
  color: #757575;
  position: fixed;
  width: 100%;
  background: #fff;
}
.task-main-container #navigator .nav-container {
  padding: 0.6875rem 1rem;
}
.task-main-container #navigator .brand {
  text-align: center;
  float: left;
  width: 311px;
}
.task-main-container #navigator .brand a {
  cursor: default;
}
@media screen and (max-width: 1245px) {
  .task-main-container #navigator .brand + div {
    width: 50%;
  }
}
.task-main-container #navigator .nav-item {
  width: 3.75rem;
  height: 1.875rem;
  line-height: 1.286;
  text-align: center;
  -webkit-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
  margin-left: 22px;
}
.task-main-container #navigator .nav-item a.nav-link {
  color: #575757;
}
.task-main-container #navigator .nav-item.active {
  background: #0083d7;
  box-shadow: 0 1px 3px 0 0, 0, 0, .18;
  border-radius: 3px;
}
.task-main-container #navigator .nav-item.active a {
  color: rgba(250, 250, 250, 0.96);
}
.task-main-container #navigator .nav-item:first-child {
  margin-left: 93px;
}
@media screen and (max-width: 1024px) {
  .task-main-container #navigator .nav-item:first-child {
    margin-left: 0;
  }
}
.task-main-container #navigator .nav-right {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}
.task-main-container #navigator .nav-right .menu-list {
  float: right;
  height: 100%;
  margin-bottom: 0;
}
.task-main-container #navigator .nav-right .menu-list li {
  display: inline-block;
  height: 100%;
  line-height: 3.375rem;
  width: 40px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.task-main-container #navigator .nav-right .menu-list li:first-child {
  width: auto;
}
.task-main-container #navigator .nav-right .menu-list li:first-child #searchInput {
  width: 156px;
  float: right;
  box-sizing: content-box;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
  margin-top: 14px;
  border: 0;
  background: transparent;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
  display: none;
}
.task-main-container #navigator .nav-right .menu-list li.applicationBtn {
  margin-right: -6px;
}
.task-main-container #navigator .nav-right .menu-list li.header-search {
  margin-right: 6px;
}
.task-main-container #navigator .nav-right .menu-list li:nth-child(3) {
  position: relative;
}
.task-main-container #navigator .nav-right .menu-list li i {
  color: #75818d;
}
.task-main-container #navigator .nav-right .user-profile {
  float: right;
  height: 100%;
  padding: 9px 2rem;
  padding-right: 16px;
  margin-left: 6px;
  margin-right: 3px;
}
.task-main-container #navigator .nav-right .user-profile .dropdown-toggle {
  margin-top: 2px;
}
.task-main-container #navigator .nav-right .user-profile .avatar {
  height: 32px;
  width: 32px;
  border-radius: 2px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.23);
}
.task-main-container #navigator .nav-right .user-profile .name {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.task-main-container #navigator .nav-right .user-profile .name:after {
  display: inline-block;
  width: 0;
  height: 0;
  color: #ed736a;
  margin-right: .25rem;
  margin-left: 7px;
  vertical-align: middle;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-left: 0.3em solid transparent;
}
.task-main-container #mainContent {
  position: absolute;
  left: 0;
  right: 0;
  top: 3.375rem;
  bottom: 0;
}
.task-main-container #mainContent .container-left-content {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 311px;
  background-color: #157dc7;
  box-shadow: 1px 0 1px 0 rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.task-main-container #mainContent .container-right {
  position: absolute;
  left: 311px;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.task-main-container #mainContent .container-right-top-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 100px;
  background-color: #1889d3;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.task-main-container #mainContent .container-right-bottom-bg {
  position: absolute;
  left: 0;
  top: 100px;
  right: 0;
  bottom: 0;
  background-color: #ddf1ff;
}
.task-main-container #mainContent .container-right-content {
  position: absolute;
  left: 2rem;
  top: 0;
  right: 2rem;
  bottom: 0;
}
.task-main-container #online-kf {
  font-size: 12px;
  position: absolute;
  bottom: 0;
  right: 31px;
  height: 30px;
  min-width: 56px;
  line-height: 29px;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding: 0 20px;
  background: #0689dd;
  cursor: pointer;
}
.task-main-container .doc-sidebar-wrap .doc-sidebar-left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 229px;
  border-radius: 3px 0 0 3px;
  border-right: 1px solid #ebeced;
}
.task-main-container .doc-sidebar-wrap .doc-sidebar-left .doc-item-small-more {
  border-bottom: 1px solid #ebeced;
}
.task-main-container .doc-sidebar-wrap .doc-sidebar-left .doc-item-small-more:last-child {
  border-bottom: none;
}
.task-main-container .doc-sidebar-wrap .doc-sidebar-left .doc-list-with-select {
  border-radius: 3px 0 0 3px;
}
.task-main-container .doc-sidebar-wrap .doc-sidebar-right {
  position: absolute;
  left: 229px;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  overflow-x: hidden;
  background: #fff;
}
.task-main-container .doc-sidebar-wrap .doc-sidebar-right .doc-detail-component {
  box-shadow: none;
  padding: 0 39px;
}
.task-main-container .doc-detail-sidebar-sticky {
  position: absolute;
  left: 229px;
  right: 0;
  top: 0;
  min-height: 0;
  z-index: 2;
  background: #fff;
  padding: 0 39px;
}
.task-main-container .doc-detail-sidebar-sticky .sault-doc-detail-turn-page {
  padding: 17px 0;
  border-top: none;
  margin: 0;
}
.task-main-container .doc-detail-sidebar-sticky .doc-components-content-edit-toolbar {
  border-bottom: none;
  padding: 10px 0;
}
.task-main-container .doc-detail-sidebar-sticky.with-active-element {
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .container-left-content {
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
  -webkit-transform: tranlate3d(0, 0, 0);
  transform: tranlate3d(0, 0, 0);
}
.task-main-container .container-left-content.first {
  -webkit-transition: none;
  transition: none;
}
.task-main-container .container-left-content.out {
  width: 52px !important;
}
.task-main-container .container-left-content.out .flex-side-bar {
  width: 52px;
}
.task-main-container .container-left-content.out .flex-content {
  display: block;
}
.task-main-container .container-left-content.out + .container-right {
  -webkit-transform: tranlate3d(0, 0, 0);
  transform: tranlate3d(0, 0, 0);
  left: 52px !important;
}
.task-main-container .container-right {
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.task-main-container .doc-detail {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -30px;
  padding: 34px 94px 20px 64px;
  overflow: auto;
  overflow-x: hidden;
}
.task-main-container .doc-detail-layout-sticky {
  position: absolute;
  left: 64px;
  right: 70px;
  top: 0;
  min-height: 0;
  z-index: 2;
  background: #fff;
  padding: 0 65px;
}
.task-main-container body.firefox .doc-detail-layout-sticky {
  right: 81px !important;
}
.task-main-container body.firefox.mac .doc-detail-layout-sticky {
  right: 64px !important;
}
.task-main-container body.edge .doc-detail-layout-sticky {
  right: 76px !important;
}
.task-main-container body.ie .doc-detail-layout-sticky {
  right: 81px !important;
}
.task-main-container .doc-detail-layout-sticky .sault-doc-detail-turn-page {
  padding: 17px 0;
  border-top: none;
  margin: 0;
}
.task-main-container .doc-detail-layout-sticky .doc-components-content-edit-toolbar {
  border-bottom: none;
  padding: 10px 0;
}
.task-main-container .doc-detail-layout-sticky.with-active-element {
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .doc-left-bar {
  height: 100%;
}
.task-main-container .doc-left-bar .doc-collect-header {
  line-height: 64px;
  text-align: center;
}
.task-main-container .doc-left-bar .doc-collect-header > span {
  margin-left: 18px;
  cursor: pointer;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
}
.task-main-container .doc-left-bar .doc-collect-header > span.active {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .doc-left-bar .doc-collect-header > span:first-child {
  margin-left: 0;
}
.task-main-container .doc-left-bar .doc-collect-header > span:hover {
  opacity: 1;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .doc-left-bar .body {
  position: absolute;
  left: 0;
  top: 64px;
  right: 0;
  bottom: 8px;
  padding: 0 8px 0 19px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container .doc-left-bar .body .doc-collect-list:nth-child(2):empty + ul,
.task-main-container .doc-left-bar .body .doc-collect-list > li:first-child {
  margin-top: 8px;
}
.task-main-container .doc-left-bar .body .content {
  width: 100%;
  height: 100%;
  padding: 0 8px 20px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .doc-left-bar .body .content .doc-add-item {
  width: 100%;
  height: 99px;
  background: #087db8;
  border-radius: 3px;
  text-align: center;
  line-height: 140px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .doc-left-bar .body .content .doc-add-item .plus {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.66);
  font-size: 55px;
}
.task-main-container .doc-left-bar .body .content .doc-add-item:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.13);
}
.task-main-container .doc-left-bar .body .content .my_placeholder:after {
  content: ' ';
  display: block;
  border-radius: 3px;
  width: 100%;
  height: 99px;
  position: relative;
  background: #0096f6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  margin-bottom: 7px;
}
.task-main-container .doc-main {
  height: 100%;
}
.task-main-container .doc-main .doc-main-header {
  padding: 20px 0;
}
.task-main-container .doc-main .doc-main-header a.new {
  margin-top: -4px;
}
.task-main-container .doc-main .switch3Ul {
  float: right;
  margin-top: -4px;
}
.task-main-container .doc-main .switch3Ul li {
  font-size: 20px !important;
}
.task-main-container .doc-main .doc-list-wrap,
.task-main-container .doc-main .doc-sidebar-wrap {
  position: absolute;
  left: 0;
  top: 64px;
  right: 0;
  bottom: 30px;
  background: #f5f7f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
  border-radius: 3px;
}
.task-main-container .doc-main .doc-list-wrap {
  padding: 9px 9px 11px 20px;
  overflow: hidden;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title {
  position: absolute;
  left: 20px;
  right: 18px;
  top: 0;
  background: #f5f7f9;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 0;
  z-index: 1;
  line-height: 52px;
  font-size: 0;
  height: 53px;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title > span {
  display: inline-block;
  font-size: .8125rem;
  color: #666;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title > span.wrap-title-tip {
  width: 80px;
  text-align: center;
  cursor: pointer;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title > span.doc-last-edit-time-tip {
  width: 147px;
  margin-left: 10px;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title > span.doc-viewer-tip {
  width: 148px;
  margin-left: 10px;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title > span.doc-creator-tip {
  width: 80px;
  cursor: pointer;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title > span.doc-creator-tip .doc-creator-name {
  display: inline-block;
  max-width: calc(87%);
  vertical-align: bottom;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .doc-date-filter {
  float: left;
  left: 0;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .doc-date-filter i {
  font-size: 20px;
  position: relative;
  top: 2px;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .doc-list-date-tip {
  float: left;
  margin-left: 5px;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title.has-date-filter .doc-list-date-tip {
  display: none;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .wrap-title-bar {
  display: inline-block;
  position: absolute;
  height: 3px;
  width: 80px;
  background-color: #1889d3;
  bottom: -2px;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform .5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .wrap-title-bar.doc-tip-bar-0 {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .wrap-title-bar.doc-tip-bar-1 {
  -webkit-transform: translateX(80px);
  transform: translateX(80px);
}
.task-main-container .doc-main .doc-list-wrap .wrap-title .wrap-title-bar.doc-tip-bar-2 {
  -webkit-transform: translateX(160px);
  transform: translateX(160px);
}
.task-main-container .doc-main .doc-list-wrap .doc-list-content {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 56px 5px 10px 2px;
}
.task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-basic {
  border-bottom: 1px solid #e2e2e2;
}
.task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-list-none-doc {
  text-align: center;
  display: none;
}
.task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
  margin-bottom: 50px;
}
.task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-date-separator:nth-child(1) {
  display: none;
}
.task-main-container body.firefox.win .doc-list-wrap .wrap-title {
  right: 31px;
}
.task-main-container body.firefox.mac .doc-list-wrap .wrap-title {
  right: 27px;
}
.task-main-container body.firefox.mac .doc-list-wrap .doc-list-content {
  padding-right: 18px;
}
.task-main-container body.ie .doc-list-wrap .wrap-title {
  right: 31px;
}
.task-main-container body.edge .doc-list-wrap .wrap-title {
  right: 26px;
}
@media (min-width: 890px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 33.33333%;
  }
}
@media (min-width: 1040px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 25%;
  }
}
@media (min-width: 1190px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 20%;
  }
}
@media (min-width: 1340px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 16.66667%;
  }
}
@media (min-width: 1490px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 14.28571%;
  }
}
@media (min-width: 1640px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 12.5%;
  }
}
@media (min-width: 1790px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 11.11111%;
  }
}
@media (min-width: 1940px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 10%;
  }
}
@media (min-width: 2090px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 9.09091%;
  }
}
@media (min-width: 2240px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 8.33333%;
  }
}
@media (min-width: 2390px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 7.69231%;
  }
}
@media (min-width: 2540px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 7.14286%;
  }
}
@media (min-width: 2690px) {
  .task-main-container .doc-main .doc-list-wrap .doc-list-content .doc-item-block {
    width: 6.66667%;
  }
}
@media (min-width: 630px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 33.33333%;
  }
}
@media (min-width: 780px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 25%;
  }
}
@media (min-width: 930px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 20%;
  }
}
@media (min-width: 1080px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 16.66667%;
  }
}
@media (min-width: 1230px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 14.28571%;
  }
}
@media (min-width: 1380px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 12.5%;
  }
}
@media (min-width: 1530px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 11.11111%;
  }
}
@media (min-width: 1680px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 10%;
  }
}
@media (min-width: 1830px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 9.09091%;
  }
}
@media (min-width: 1980px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 8.33333%;
  }
}
@media (min-width: 2130px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 7.69231%;
  }
}
@media (min-width: 2280px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 7.14286%;
  }
}
@media (min-width: 2430px) {
  .task-main-container body.flexbar-is-collapsed .doc-list-wrap .doc-list-content .doc-item-block {
    width: 6.66667%;
  }
}
.task-main-container .doc-item-basic {
  position: relative;
  background: #fff;
  border-radius: 3px;
  cursor: pointer;
}
.task-main-container .doc-item-basic .doc-item-icon {
  width: 36px;
  line-height: 1.28;
}
.task-main-container .doc-item-more {
  padding: 6px 260px 6px 74px;
  line-height: 38px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.task-main-container .doc-item-more .doc-item-icon {
  position: absolute;
  left: 15px;
  top: 6px;
  bottom: 6px;
  padding: 2.75px 0;
  text-align: center;
}
.task-main-container .doc-item-more .doc-item-icon.doc-item-icon-define {
  padding: 6px 0;
}
.task-main-container .doc-item-more .doc-item-post-date {
  display: inline-block;
}
.task-main-container .doc-item-more .collect-type-daily {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: -105px -128px;
  width: 24px;
  height: 26px;
  color: #d87062;
  padding-top: 8px;
  font-size: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-more .collect-type-daily {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-more .collect-type-month {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: -153px -128px;
  width: 24px;
  height: 26px;
  color: #95d381;
  padding-top: 8px;
  font-size: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-more .collect-type-month {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-more .collect-type-week {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: -177px -128px;
  width: 24px;
  height: 26px;
  color: #d3c24c;
  padding-top: 8px;
  font-size: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-more .collect-type-week {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-more .doc-item-doc-icon {
  color: #087db8;
  font-size: 38px;
  position: relative;
  left: -3px;
  top: -5px;
}
.task-main-container .doc-item-more .doc-item-head {
  line-height: 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .doc-item-more .doc-item-more-wrapper {
  position: absolute;
  top: 6px;
  right: 0;
  bottom: 6px;
  font-size: 0;
}
.task-main-container .doc-item-more .doc-item-creator {
  display: inline-block;
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .doc-item-more .doc-item-viewer {
  width: 160px;
}
.task-main-container .doc-item-more .doc-item-edit-time,
.task-main-container .doc-item-more .doc-item-viewer {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
}
.task-main-container .doc-item-more .doc-item-edit-time {
  width: 147px;
}
.task-main-container .doc-item-more .doc-item-operate,
.task-main-container .doc-item-more.hover .doc-item-edit-time,
.task-main-container .doc-item-more:hover .doc-item-edit-time {
  display: none;
}
.task-main-container .doc-item-more.hover .doc-item-operate,
.task-main-container .doc-item-more:hover .doc-item-operate {
  display: inline-block;
  width: 147px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
}
.task-main-container .doc-item-more.hover .doc-item-operate > a,
.task-main-container .doc-item-more:hover .doc-item-operate > a {
  margin-left: 10px;
}
.task-main-container .doc-item-more.hover .doc-item-operate > a:first-child,
.task-main-container .doc-item-more:hover .doc-item-operate > a:first-child {
  margin-left: 0;
}
.task-main-container .doc-item-block {
  vertical-align: top;
  display: inline-block;
  min-width: 150px;
  width: 150px;
  text-align: center;
  font-size: 0;
  cursor: pointer;
}
.task-main-container .doc-item-block .doc-item-block-icon {
  width: 105px;
  height: 128px;
  margin-bottom: 8px;
  display: inline-block;
}
.task-main-container .doc-item-block .doc-item-block-title {
  font-size: .875rem;
  color: #333;
  width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.task-main-container .doc-item-block .doc-item-block-info {
  font-size: 0;
  width: 150px;
  display: inline-block;
}
.task-main-container .doc-item-block .doc-item-block-info .doc-item-block-name {
  vertical-align: top;
  display: inline-block;
  max-width: 4.5em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 5px;
}
.task-main-container .doc-item-block.doc-item-block-daily .doc-item-block-icon {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: 0 0;
  width: 105px;
  height: 128px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-block.doc-item-block-daily .doc-item-block-icon {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-block.doc-item-block-week .doc-item-block-icon {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: 0 -128px;
  width: 105px;
  height: 128px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-block.doc-item-block-week .doc-item-block-icon {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-block.doc-item-block-month .doc-item-block-icon {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: -210px 0;
  width: 105px;
  height: 128px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-block.doc-item-block-month .doc-item-block-icon {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-block.doc-item-block-essays .doc-item-block-icon {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite.75619f4aef.png);
  background-position: -105px 0;
  width: 105px;
  height: 128px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .task-main-container .doc-item-block.doc-item-block-essays .doc-item-block-icon {
    background-image: url(https://res-front-cdn.timetask.cn/release/images/doc-sprite@2x.985bbb1f79.png);
    background-size: 315px 256px;
  }
}
.task-main-container .doc-item-small {
  padding: 13px 74px;
  padding-left: 59px;
  padding-right: 20px;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.task-main-container .doc-item-small .doc-item-icon {
  position: absolute;
  left: 0;
  top: 13px;
  bottom: 13px;
}
.task-main-container .doc-item-small .doc-item-doc-icon {
  color: #087db8;
  font-size: 42px;
  position: relative;
  left: -3px;
  top: -2px;
}
.task-main-container .doc-item-small .doc-item-head {
  position: relative;
  line-height: 1.445;
  overflow: hidden;
  white-space: nowrap;
}
.task-main-container .doc-item-small .doc-item-title {
  margin-right: 18px;
}
.task-main-container .doc-item-small .doc-item-brief {
  display: inline-block;
  line-height: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: 2px;
}
.task-main-container .doc-item-small .doc-item-brief * {
  display: inline-block;
  line-height: 17px;
  font-size: 14px!important;
  margin-bottom: 0;
}
.task-main-container .doc-item-small .doc-item-post-date {
  text-align: center;
  background: #fff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
}
.task-main-container .doc-item-small .doc-item-post-date.collect-type-daily .doc-item-post-date-up {
  background: #d87062;
}
.task-main-container .doc-item-small .doc-item-post-date.collect-type-week .doc-item-post-date-up {
  background: #0082d6;
}
.task-main-container .doc-item-small .doc-item-post-date.collect-type-month .doc-item-post-date-up {
  background: #62d877;
}
.task-main-container .doc-item-small-more {
  padding: 9px 17px;
  padding-right: 40px;
  border-radius: 0;
  background: #f5f7f9;
}
.task-main-container .doc-item-small-more .doc-item-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .doc-item-small-more .doc-item-title .doc-item-type-character {
  font-size: 12px;
  display: inline-block;
  height: 14px;
  width: 14px;
  line-height: 14px;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  position: relative;
  top: -2px;
}
.task-main-container .doc-item-small-more .doc-item-title .doc-item-type-character.docitem-essays {
  background: #52a5db;
}
.task-main-container .doc-item-small-more .doc-item-title .doc-item-type-character.docitem-daily {
  background: #d67062;
}
.task-main-container .doc-item-small-more .doc-item-title .doc-item-type-character.docitem-week {
  background: #d1c04c;
}
.task-main-container .doc-item-small-more .doc-item-title .doc-item-type-character.docitem-month {
  background: #95d282;
}
.task-main-container .doc-item-small-more .doc-item-info {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .doc-item-small-more .doc-item-operate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  line-height: 54px;
  width: 40px;
  display: none;
  text-align: center;
}
.task-main-container .doc-item-small-more .doc-item-operate i {
  font-size: 18px;
}
.task-main-container .doc-item-small-more .doc-item-operate.hover .dropdown-menu,
.task-main-container .doc-item-small-more .doc-item-operate:hover .dropdown-menu {
  display: block;
  top: 80%;
  right: 5px;
}
.task-main-container .doc-item-small-more.doc-selected {
  background-color: #fff;
}
.task-main-container .doc-item-small-more.doc-selected .doc-item-operate,
.task-main-container .doc-item-small-more.hover .doc-item-operate,
.task-main-container .doc-item-small-more:hover .doc-item-operate {
  display: block;
}
.task-main-container .doc-check {
  left: 6.625rem;
  right: 0;
  overflow: auto;
  padding-top: 17px;
  padding-right: 5.625rem;
  padding-left: 1rem;
}
.task-main-container .doc-check,
.task-main-container .doc-edit {
  position: absolute;
  top: 0;
  bottom: 0;
}
.task-main-container .doc-edit {
  left: -18px;
  right: -18px;
}
.task-main-container .doc-edit .doc-edit-area {
  position: absolute;
  left: 5.625rem;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  padding-right: 5.625rem;
}
.task-main-container .doc-edit.no-scroll-bar-y {
  overflow: hidden;
}
.task-main-container .doc-edit.no-scroll-bar-y .doc-edit-area {
  right: -2rem;
  padding-right: 7.625rem;
}
.task-main-container .doc-edit .doc-edit-operate {
  position: absolute;
  right: 20px;
  top: 25px;
  width: 71px;
}
.task-main-container .doc-edit .doc-edit-operate .btn {
  margin-left: 13px;
  margin-bottom: 13px;
}
@media screen and (min-width: 1250px) {
  .task-main-container .doc-edit .doc-edit-area {
    left: 10.625rem;
    padding-right: 10.625rem;
  }
  .task-main-container .doc-edit.no-scroll-bar-y .doc-edit-area {
    padding-right: 12.625rem;
  }
  .task-main-container .doc-edit .doc-edit-operate {
    width: auto;
  }
}
.task-main-container .doc-simditor-editor {
  padding-top: 17px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  margin-bottom: 50px;
}
.task-main-container .doc-simditor-editor .simditor {
  border: none;
}
.task-main-container .doc-simditor-editor .simditor .simditor-wrapper {
  background: none;
}
.task-main-container .doc-simditor-editor .simditor .simditor-body {
  background: #fff;
}
.task-main-container .doc-simditor-editor .simditor .edit-title-area {
  margin-top: 17px;
  background: #fff;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.task-main-container .doc-simditor-editor .more-info {
  padding: 20px 50px;
  background: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  box-shadow: 0 5px 7px -3px rgba(0, 0, 0, 0.33);
}
.task-main-container .doc-simditor-editor .about-info {
  text-align: center;
  line-height: 34px;
  color: #75818d;
}
.task-main-container .doc-simditor-editor .about-info .center-dot {
  font-weight: bolder;
}
.task-main-container .doc-simditor-editor.doc-simditor-new-doc .simditor-body {
  min-height: 1300px;
}
.task-main-container .doc-simditor-editor.normal-editor {
  padding-top: 0;
  margin-bottom: 0;
}
.task-main-container .doc-simditor-editor.normal-editor .simditor .edit-title-area {
  margin-top: 0;
}
.task-main-container .doc-simditor-editor.normal-editor .more-info {
  box-shadow: none;
}
.task-main-container .doc-simditor-editor.normal-editor .about-info {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .doc-board-style .title-area {
  padding-top: 53px;
  padding-left: 50px;
  padding-right: 50px;
}
.task-main-container .doc-board-style .title-area .title-wrapper {
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding-bottom: 20px;
  padding-right: 78px;
}
.task-main-container .doc-board-style .title-area .title-wrapper .title {
  font-size: 1.75rem;
  color: #666;
  line-height: 1;
  min-height: 1em;
}
.task-main-container .doc-board-style .title-area .title-wrapper .title.align-center {
  text-align: center;
}
.task-main-container .doc-board-style .title-area .title-wrapper .info-more {
  position: absolute;
  top: -5px;
  right: 0;
  min-height: 38px;
  min-width: 40px;
}
.task-main-container .doc-board-style .title-area .title-wrapper .info-more .rui-loading-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
}
.task-main-container .doc-board-style .body-area {
  padding-left: 50px!important;
  padding-right: 50px!important;
  padding-top: 22px!important;
  word-break: break-word;
  color: #666;
}
.task-main-container .doc-board-style .body-area img {
  margin: 0!important;
  resize: none;
  max-width: 100%!important;
  height: auto !important;
}
.task-main-container .doc-board-style .body-area div,
.task-main-container .doc-board-style .body-area p {
  color: #666;
}
.task-main-container .doc-board-style.normal-style .title-area {
  padding-top: 20px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar {
  padding: 11px 0;
  border: none;
  background: none;
  z-index: 2;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > span.separator {
  background: rgba(255, 255, 255, 0.87);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li .toolbar-item {
  color: rgba(255, 255, 255, 0.87);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li.menu-on .toolbar-item,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li .more-option .toolbar-item {
  color: #000;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.hasGenerate {
  padding-right: 100px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar:not(.normal-toolbar) .doc-generate .btn {
  background: none;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate {
  position: absolute;
  top: 8px;
  right: 5px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .btn {
  border-color: rgba(255, 255, 255, 0.6);
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1 !important;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .btn:hover {
  color: #fff;
  border-color: #fff;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate.doc_vip .btn {
  padding-right: 28px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more {
  position: absolute;
  font-size: 20px;
  top: 5px;
  right: 7px;
  cursor: pointer;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu {
  padding: 10px 20px;
  margin-top: 7px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu h6,
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu label {
  margin-bottom: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item {
  padding-right: 50px;
  position: relative;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item .toggle {
  position: absolute;
  right: 0;
  top: 7px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.sticky {
  position: absolute;
  left: 72px;
  right: 78px;
}
.task-main-container body.firefox .doc-edit-simditor-toolbar.sticky {
  right: 89px !important;
}
.task-main-container body.firefox.mac .doc-edit-simditor-toolbar.sticky {
  right: 87px !important;
}
.task-main-container body.edge .doc-edit-simditor-toolbar.sticky {
  right: 84px !important;
}
.task-main-container body.ie .doc-edit-simditor-toolbar.sticky {
  right: 89px !important;
}
@media screen and (min-width: 1250px) {
  .task-main-container #mainBody .doc-edit-simditor-toolbar.sticky {
    left: 152px;
    right: 158px;
  }
  .task-main-container body.firefox .doc-edit-simditor-toolbar.sticky {
    right: 169px !important;
  }
  .task-main-container body.firefox.mac .doc-edit-simditor-toolbar.sticky {
    right: 167px !important;
  }
  .task-main-container body.edge .doc-edit-simditor-toolbar.sticky {
    right: 164px !important;
  }
  .task-main-container body.ie .doc-edit-simditor-toolbar.sticky {
    right: 169px !important;
  }
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.reverse {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.reverse > ul > li .toolbar-item {
  color: #000;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.reverse > ul > li > span.separator {
  background: #000;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.reverse .doc-generate .btn {
  border-color: #000;
  color: #000;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .custom-item {
  font-size: 22px !important;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option.open {
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option {
  position: absolute;
  top: 106%;
  right: 0;
  z-index: 0;
  opacity: 0;
  width: auto;
  border: none;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 3px;
  background: #fff;
  -webkit-transform: translateX(1000px);
  transform: translateX(1000px);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul {
  padding-left: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul {
  margin: 0;
  padding: 0 0 0 6px;
  list-style: none;
  white-space: nowrap;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li:first-child[data-type=separator],
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li:first-child[data-type=separator] {
  position: absolute;
  opacity: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li {
  position: relative;
  display: inline-block;
  font-size: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > span.separator,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > span.separator {
  display: inline-block;
  background: #cfcfcf;
  width: 1px;
  height: 18px;
  margin: 5px 15px;
  vertical-align: middle;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item {
  display: inline-block;
  width: 28px;
  height: 28px;
  outline: none;
  font-size: 15px;
  line-height: 28px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-more-option,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-more-option {
  font-size: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item span,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item span {
  opacity: .6;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item span.simditor-icon,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item span.simditor-icon {
  display: inline;
  line-height: normal;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item:hover span,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item:hover span {
  opacity: 1;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.active,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.active {
  background: #eee;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.active span,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.active span {
  opacity: 1;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.disabled,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.disabled {
  cursor: default;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.disabled span,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.disabled span {
  opacity: 0.3;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title span:before {
  content: "H";
  font-size: 19px;
  font-weight: 700;
  font-family: Times New Roman;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h1 span:before {
  content: 'H1';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h2 span:before {
  content: 'H2';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-title.active-h3 span:before {
  content: 'H3';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-image,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-image {
  position: relative;
  overflow: hidden;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-image > input[type=file],
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-image > input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-font span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-font span:before {
  font-size: 19px;
  font-weight: 700;
  font-family: Times New Roman;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-12 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-12 span:before {
  content: '12';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-14 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-14 span:before {
  content: '14';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-16 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-16 span:before {
  content: '16';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-18 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-18 span:before {
  content: '18';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-20 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-20 span:before {
  content: '20';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-24 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-24 span:before {
  content: '24';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-30 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-30 span:before {
  content: '30';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li > .toolbar-item.toolbar-item-fontScale.active-36 span:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li > .toolbar-item.toolbar-item-fontScale.active-36 span:before {
  content: '36';
  font-size: 18px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li.menu-on .toolbar-item,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li.menu-on .toolbar-item {
  position: relative;
  z-index: 20;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li.menu-on .toolbar-item span,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li.menu-on .toolbar-item span {
  opacity: 1;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option > ul > li.menu-on .toolbar-menu,
.task-main-container #mainBody .doc-edit-simditor-toolbar > ul > li.menu-on .toolbar-menu {
  display: block;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 21;
  background: #fff;
  text-align: left;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu:before {
  content: '';
  display: block;
  width: 28px;
  height: 4px;
  background: #fff;
  position: absolute;
  top: -3px;
  left: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul {
  min-width: 160px;
  list-style: none;
  margin: 0;
  padding: 10px 1px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item {
  display: block;
  font-size: 16px;
  line-height: 2em;
  padding: 0 10px;
  text-decoration: none;
  color: #666;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item:hover,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item:hover {
  background: #f6f6f6;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h1,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h1 {
  font-size: 24px;
  color: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h2,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h2 {
  font-size: 22px;
  color: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h3,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h3 {
  font-size: 20px;
  color: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h4,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h4 {
  font-size: 18px;
  color: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .menu-item.menu-item-h5,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .menu-item.menu-item-h5 {
  font-size: 16px;
  color: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu ul > li .separator,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu ul > li .separator {
  display: block;
  border-top: 1px solid #ccc;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 6px 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color {
  width: 96px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list {
  height: 40px;
  margin: 10px 6px 6px 10px;
  padding: 0;
  min-width: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li {
  float: left;
  margin: 0 4px 4px 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color {
  display: block;
  width: 16px;
  height: 16px;
  background: #dfdfdf;
  border-radius: 2px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color:hover {
  opacity: 0.8;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color.font-color-default {
  background: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-1,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-1 {
  background: #e33737;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-2,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-2 {
  background: #e28b41;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-3,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-3 {
  background: #c8a732;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-4,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-4 {
  background: #209361;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-5,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-5 {
  background: #418caf;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-6,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-6 {
  background: #aa8773;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-color .color-list li .font-color-7,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-color .color-list li .font-color-7 {
  background: #999;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table {
  background: #fff;
  padding: 1px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td {
  padding: 0;
  cursor: pointer;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td:before {
  width: 16px;
  height: 16px;
  border: 1px solid #fff;
  background: #f3f3f3;
  display: block;
  content: '';
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-create-table table td.selected:before {
  background: #cfcfcf;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table {
  display: none;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-table .menu-edit-table ul li,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-table .menu-edit-table ul li {
  white-space: nowrap;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image {
  position: relative;
  overflow: hidden;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file],
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-image .menu-item-upload-image input[type=file] {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0;
  font-size: 100px;
  cursor: pointer;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-alignment,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-alignment {
  width: 100%;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-alignment ul,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-alignment ul {
  min-width: 100%;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar .more-option .toolbar-menu.toolbar-menu-alignment .menu-item,
.task-main-container #mainBody .doc-edit-simditor-toolbar .toolbar-menu.toolbar-menu-alignment .menu-item {
  text-align: center;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar {
  padding-left: 38px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar > ul > li > span.separator {
  background: #cfcfcf;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar > ul > li .toolbar-item {
  color: #333;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar > ul > li.menu-on .toolbar-item {
  color: #000;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar.hasGenerate {
  padding-right: 178px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate {
  right: 50px;
  border: 1px solid #b6b6b6;
  border-radius: 5px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate.doc_vip .btn {
  padding-right: 36px;
  padding-left: 8px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .btn {
  background: #fff;
  color: #c4c4c4;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more {
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  background: #fff;
  color: #c4c4c4;
  border-radius: 0 .25rem .25rem 0;
  border-left: 1px solid #b6b6b6;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more > i {
  line-height: 32px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu {
  padding: 10px 20px;
  margin-top: 7px;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu h6,
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu label {
  margin-bottom: 0;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item {
  padding-right: 50px;
  position: relative;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate .setting-more .dropdown-menu .toggle-item .toggle {
  line-height: 1.125rem;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate:hover .btn {
  background: #1ba4ff;
  color: #fff;
}
.task-main-container #mainBody .doc-edit-simditor-toolbar.normal-toolbar .doc-generate:hover .setting-more {
  color: #333;
  border-left: none;
}
.task-main-container .doc-template-setting {
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  width: 560px;
  margin: 0 auto;
  margin-top: 50px;
  padding: 45px 36px;
  margin-bottom: 20px;
  position: relative;
}
.task-main-container .doc-template-setting .close {
  position: absolute;
  top: 4px;
  right: 4px;
  font-size: 24px;
  color: #238bdf;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .doc-template-setting .close:hover {
  color: #087db8;
}
.task-main-container .doc-template-setting .banner {
  height: 50px;
  padding: 15px 0;
  text-align: right;
}
.task-main-container .doc-template-setting .banner h6 {
  margin-bottom: 0;
  line-height: 20px;
}
.task-main-container .doc-template-setting .banner .item {
  display: inline-block;
  height: 20px;
  width: 100px;
  text-align: left;
}
.task-main-container .doc-template-setting .banner .item > span {
  margin-left: 10px;
  float: left;
}
.task-main-container .doc-template-setting .banner .item .rui-radio {
  float: left;
}
.task-main-container .doc-template-setting .banner .item:last-child {
  width: auto;
}
.task-main-container .doc-template-setting .template-list {
  margin-top: 15px;
  line-height: 18px;
}
.task-main-container .doc-template-setting .template-list .content-wrap {
  float: left;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-main-container .doc-template-setting .template-list .content-wrap input {
  padding: 0;
  border: 0;
  width: 100%;
  background: none;
}
.task-main-container .doc-template-setting .template-list > ul {
  padding-top: 20px;
  padding-left: 20px;
}
.task-main-container .doc-template-setting .template-list > ul .doc-template-item {
  position: relative;
  background: #f0f5fa;
  height: 36px;
  padding: 9px 10px;
  margin-bottom: 6px;
  border-radius: 2px;
  padding-right: 75px;
}
.task-main-container .doc-template-setting .template-list .btn-wrap {
  position: absolute;
  right: 10px;
  top: 9px;
  text-align: right;
}
.task-main-container .doc-template-setting .template-list .btn-wrap span {
  cursor: pointer;
  opacity: .8;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .doc-template-setting .template-list .btn-wrap span:hover {
  opacity: 1;
}
.task-main-container .doc-template-setting .template-bottom {
  overflow: hidden;
  margin-top: 15px;
}
.task-main-container .doc-template-setting .template-bottom .template-add {
  cursor: pointer;
  opacity: .8;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .doc-template-setting .template-bottom .template-add:hover {
  opacity: 1;
}
.task-main-container .doc-empty-doc-items {
  text-align: center;
  padding-top: 60px;
}
.task-main-container .doc-empty-doc-items .book-icon {
  background: #b7d8ee;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 2rem;
}
.task-main-container .doc-empty-doc-items .book-icon i {
  color: #fff;
  font-size: 47px;
  line-height: 60px;
}
.task-main-container .doc-empty-doc-items p {
  margin: 0;
}
.task-main-container .doc-empty-list-with-new-btn {
  height: 100%;
}
.task-main-container .doc-empty-list-with-new-btn .doc-empty-content {
  text-align: center;
  position: relative;
  top: 50%;
  margin-top: -28px;
}
.task-main-container .doc-empty-list-with-new-btn .doc-empty-content > p {
  margin-bottom: 4px;
}
.task-main-container .doc-date-separator {
  line-height: 30px;
  padding-left: 14px;
  color: #75818d;
  margin-bottom: 5px;
}
.task-main-container .doc-list-with-select {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .kanban-view .container-left-content {
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
  -webkit-transform: tranlate3d(0, 0, 0);
  transform: tranlate3d(0, 0, 0);
}
.task-main-container .kanban-view .container-left-content.first {
  -webkit-transition: none;
  transition: none;
}
.task-main-container .kanban-view .container-left-content.out {
  width: 52px !important;
}
.task-main-container .kanban-view .container-left-content.out .flex-side-bar {
  width: 52px;
}
.task-main-container .kanban-view .container-left-content.out .flex-content {
  display: block;
}
.task-main-container .kanban-view .container-left-content.out + .container-right {
  -webkit-transform: tranlate3d(0, 0, 0);
  transform: tranlate3d(0, 0, 0);
  left: 52px !important;
}
.task-main-container .kanban-view .kanban-left-bar {
  width: 100%;
  height: 100%;
  position: relative;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header {
  width: 100%;
  height: 63px;
  text-align: center;
  line-height: 63px;
  border-bottom: 1px solid #1375bb;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header .f-c {
  vertical-align: sub;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-nomal {
  cursor: pointer;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
  -webkit-transition: all .2s;
  transition: all 0.2s;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-nomal:hover {
  opacity: 1;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-star {
  cursor: pointer;
  margin-left: 18px;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.46);
  -webkit-transition: all .2s;
  transition: all 0.2s;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header .f-c .active,
.task-main-container .kanban-view .kanban-left-bar .kanban-left-header .f-c .kanban-star:hover {
  opacity: 1;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body {
  position: absolute;
  top: 64px;
  width: 100%;
  padding: 0 8px 0 19px;
  bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-right: 2px;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y {
  width: 100%;
  height: 100%;
  padding: 0 16px 0 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  padding-left: 6px;
  margin-left: -6px;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x {
  width: 270px;
  height: 100%;
  position: relative;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x > .body-ul {
  position: absolute;
  left: 0;
  right: 0;
  bttom: 0;
  top: 0;
  padding-bottom: 20px;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x > .body-ul > .kanban-Add-Item-ul,
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x > .body-ul > li:nth-child(1) {
  margin-top: 8px;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x > .body-ul li + ul.kanban-Add-Item-ul {
  margin-top: 0;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x > .body-ul .my_placeholder:after {
  content: ' ';
  display: block;
  border-radius: 3px;
  width: 100%;
  height: 99px;
  position: relative;
  background: #0096f6;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  margin-bottom: 7px;
}
.task-main-container .kanban-view .kanban-left-bar .kanban-left-body .warp-y .warp-x .body-ul.star {
  display: none;
}
.task-main-container .kanban-Add-Item {
  width: 100%;
  height: 99px;
  background: #087db8;
  border-radius: 3px;
  text-align: center;
  line-height: 140px;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-Add-Item .plus {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  font-size: 55px;
}
.task-main-container .kanban-Add-Item:hover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.13);
}
.task-main-container .kanban-Item-date {
  display: none;
  height: 22px;
  background: #ddf1ff;
  border-radius: 2px;
  float: left;
  margin-top: 1px;
  margin-bottom: 10px;
}
.task-main-container .kanban-Item-date > ul {
  height: 100%;
  white-space: nowrap;
  padding: 0 5px;
}
.task-main-container .kanban-Item-date > ul li {
  float: left;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.34);
}
.task-main-container .kanban-Item-date > ul li > span {
  line-height: 24px;
}
.task-main-container .kanban-Item-date > ul .font {
  font-size: 16px;
  line-height: 26px;
  margin-right: 2px;
}
.task-main-container .kanban-Item-subTask {
  float: left;
  white-space: nowrap;
  height: 22px;
  margin-top: 1px;
  margin-bottom: 10px;
  background: transparent !important;
}
.task-main-container .kanban-Item-subTask ul {
  border-radius: 2px;
  padding: 0 5px;
  overflow: hidden;
  background: #f2f2f2;
}
.task-main-container .kanban-Item-subTask ul li {
  float: left;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.34);
  height: 22px;
}
.task-main-container .kanban-Item-subTask ul .font {
  font-size: 14px;
  line-height: 22px;
}
.task-main-container .kanban-Item-subTask ul .num {
  margin-left: 5px;
  line-height: 22px;
}
.task-main-container .kanban-Item-issued {
  float: left;
  white-space: nowrap;
}
.task-main-container .kanban-Item-issued:empty {
  display: none;
}
.task-main-container .kanban-Item-issued li {
  float: left;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  position: relative;
}
.task-main-container .kanban-Item-issued li.kanban-Item-issuedItem {
  margin-bottom: 100px;
}
.task-main-container .kanban-Item-issued li.head.icon-star:before {
  position: absolute;
  top: 16px;
  left: 16px;
  color: #f3b00b;
}
.task-main-container .kanban-Item-issued li div,
.task-main-container .kanban-Item-issued li img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.task-main-container .kanban-Item-issued li div {
  background-size: cover!important;
  background-repeat: no-repeat !important;
  background-position: 50% !important;
}
.task-main-container .kanbanItem-add {
  width: 100%;
  margin-bottom: 10px;
  display: none;
  width: 238px;
  padding: 7px;
  background: #fff;
  position: relative;
}
.task-main-container .kanbanItem-add textarea {
  background: #fff;
  width: 100%;
  height: 61px;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
  font-size: .75rem;
  color: #666;
  margin-bottom: 0;
  padding: 9px;
  max-height: 133px;
}
.task-main-container .kanbanItem-add textarea:focus {
  outline: none;
}
.task-main-container .kanbanItem-add textarea:-moz-placeholder,
.task-main-container .kanbanItem-add textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .kanbanItem-add textarea:-ms-textarea-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .kanbanItem-add span {
  float: left;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanbanItem-add .cancel {
  margin-left: 5px;
}
.task-main-container .kanbanItem-add .features {
  -webkit-transition: height 0.2s ease-out;
  transition: height 0.2s ease-out;
  height: 87px;
  overflow: hidden;
  margin-bottom: 3px;
}
.task-main-container .kanbanItem-add .features .icon-add {
  background: #bbd1dc;
  width: 22px;
  height: 22px;
  color: #fff!important;
  border-radius: 50%;
  line-height: 20px;
  display: inline-block;
}
.task-main-container .kanbanItem-add .features .icon-add:before {
  margin-left: 2px;
  cursor: pointer;
}
.task-main-container .kanbanItem-add .features > li {
  height: 42px;
  line-height: 42px;
  color: #666;
  padding-left: 9px;
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .kanbanItem-add .features > li > i {
  font-size: 18px;
  vertical-align: sub;
  color: #75818d;
  cursor: pointer;
}
.task-main-container .kanbanItem-add .features > li > i:nth-child(1) {
  margin-top: 10px;
  margin-right: 7px;
}
.task-main-container .kanbanItem-add .features > li.person {
  overflow: hidden;
}
.task-main-container .kanbanItem-add .features > li.person .members {
  overflow: hidden;
  float: left;
  max-width: calc(32%);
}
.task-main-container .kanbanItem-add .features > li.person .members:empty + .icon-add {
  margin-left: 0;
}
.task-main-container .kanbanItem-add .features > li.person .members li {
  float: left;
  cursor: pointer;
}
.task-main-container .kanbanItem-add .features > li.person .members li img {
  width: 24px;
  height: 24px;
  border-radius: 2px;
  margin-top: -2px;
}
.task-main-container .kanbanItem-add .features > li.person .members li + li {
  margin-left: 5px;
}
.task-main-container .kanbanItem-add .features > li.person .icon-add {
  margin-left: 7px;
}
.task-main-container .kanbanItem-add .features > li > span {
  color: #666;
}
.task-main-container .kanbanItem-add .features > li > span:before {
  color: inherit;
}
.task-main-container .kanbanItem-add .features > li .date-caption,
.task-main-container .kanbanItem-add .features > li .priority-caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(41%);
}
.task-main-container .kanbanItem-add .features > li .date-caption,
.task-main-container .kanbanItem-add .features > li .date-caption:empty:before,
.task-main-container .kanbanItem-add .features > li .priority-caption,
.task-main-container .kanbanItem-add .features > li .priority-caption:empty:before {
  cursor: pointer;
}
.task-main-container .kanbanItem-add .features > li.date > .date-caption:empty:before {
  content: '\8BBE\7F6E\65E5\671F';
}
.task-main-container .kanbanItem-add .features > li.priority > .priority-caption:empty:before {
  content: '\8BBE\7F6E\4F18\5148\7EA7';
}
.task-main-container .kanbanItem-add .slide {
  position: absolute;
  right: 8px;
  bottom: 9px;
  font-size: 13px;
  color: #a3a3a3;
}
.task-main-container .kanbanItem-add .slide:before {
  cursor: pointer;
}
.task-main-container .kanbanItem-add input[type=checkbox] {
  position: absolute;
  right: 8px;
  bottom: -2px;
  width: 40px;
  height: 30px;
  z-index: 2;
  opacity: 0;
  cursor: pointer;
}
.task-main-container .kanbanItem-add input[type=checkbox] + .slide:before {
  content: '\66F4\591A';
}
.task-main-container .kanbanItem-add input[type=checkbox]:checked + .slide:before {
  content: '\6536\8D77';
}
.task-main-container .kanbanItem-add input[type=checkbox]:checked ~ ul.features {
  height: 131px;
}
.task-main-container .kanban-item-list + .kanbanItem-add {
  margin-top: 5px;
}
.task-main-container .kanban-Item-container {
  background: #fff;
  border-radius: 2px;
  margin: 6px 0;
  width: 238px;
  padding: 5px 0 5px 10px;
  min-height: 42px;
  zoom: 1;
  border: 1px solid #ededed;
  border-bottom-color: #d8d8d8;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-Item-container:hover {
  background-color: #f2f2f2;
}
.task-main-container .kanban-Item-container.finish .right .row1 > span {
  text-decoration: line-through;
  color: #a3a3a3;
}
.task-main-container .kanban-Item-container.blinkAnimate {
  -webkit-animation: blinkAni 2s linear;
  animation: blinkAni 2s linear;
}
@-webkit-keyframes blinkAni {
  0% {
    background: #fff;
  }
  12.5% {
    background: #f2f2f2;
  }
  25% {
    background: #fff;
  }
  37.5% {
    background: #f2f2f2;
  }
  50% {
    background: #fff;
  }
  62.5% {
    background: #f2f2f2;
  }
  75% {
    background: #fff;
  }
  87.5% {
    background: #f2f2f2;
  }
  to {
    background: #fff;
  }
}
.task-main-container .kanban-Item-container .left {
  float: left;
  width: 20px;
  background-color: inherit;
  margin-top: 2px;
}
.task-main-container .kanban-Item-container .left .checkboxContainer {
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 3px;
  background-color: inherit;
}
.task-main-container .kanban-Item-container .right {
  float: left;
  width: 205px;
  cursor: pointer;
  padding: 0 0 0 8px;
  overflow: hidden;
}
.task-main-container .kanban-Item-container .right .node {
  width: 0;
  height: 0;
  float: left;
}
.task-main-container .kanban-Item-container .right .row1 {
  min-height: 32px;
  padding: 2px 0;
  width: 180px;
  word-wrap: break-word;
  white-space: normal;
  line-height: 28px;
}
.task-main-container .kanban-Item-container .right .row1 > span {
  font-size: .8125rem;
  color: #333;
}
.task-main-container .kanban-Item-container .right .kanban-Item-issued {
  max-width: 100%;
  max-height: 32px;
  overflow: hidden;
}
.task-main-container .kanban-Item-container .right .otherInfo {
  margin-right: 5px;
}
.task-main-container .kanban-Item-container .right .row1 + .itemBottom {
  width: 100%;
  height: 0;
}
.task-main-container .kanban-Item-container .right .itemBottom {
  width: 100%;
  height: 0;
  float: left;
}
.task-main-container .kanban-Item-container .right .kanban-Item-date + .itemBottom,
.task-main-container .kanban-Item-container .right .kanban-Item-subTask + .itemBottom {
  height: 5px;
}
.task-main-container .kanban-Item-container .right .kanban-Item-issued + .itemBottom {
  height: 3px;
}
.task-main-container .kanban-Item-container .right .oneJoinUser + .itemBottom {
  height: 0;
}
.task-main-container .kanban-Item-container .right .kanban-Item-date + .oneJoinUser + .itemBottom,
.task-main-container .kanban-Item-container .right .kanban-Item-subTask + .oneJoinUser + .itemBottom {
  height: 1px;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label {
  float: left;
  max-width: 10rem;
  overflow: hidden;
  display: block;
  height: 22px;
  line-height: 22px;
  background: #f5f5f5;
  padding: 0 1rem 0 .5rem;
  position: relative;
  margin: 1px 5px 11px 0;
  border-radius: 2px;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label span {
  display: block;
  float: left;
  max-width: 8rem;
  overflow: hidden;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label:after {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  right: 6px;
  top: 7px;
  border-radius: 50%;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='1']:after {
  background: #ed8a8a;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='2']:after {
  background: #6d4e4e;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='3']:after {
  background: #8aed90;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='4']:after {
  background: #8aabed;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='5']:after {
  background: #dedede;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='6']:after {
  background: #766a6a;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='7']:after {
  background: #c38aed;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='8']:after {
  background: #dced8a;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='9']:after {
  background: #edb48a;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='10']:after {
  background: #b5b5b5;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='11']:after {
  background: #ed8ae0;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='12']:after {
  background: #8ab7ed;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='13']:after {
  background: #8aede0;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='14']:after {
  background: #bb2626;
}
.task-main-container .kanban-Item-container .right .kanban-Item-Label[data-color='15']:after {
  background: #000;
}
.task-main-container .card-move {
  width: 180px;
  padding: 10px 20px;
}
.task-main-container .card-move .kanbanSelect {
  padding: 5px 0 14px;
  line-height: 24px;
}
.task-main-container .card-move .kanbanSelect .type-system {
  vertical-align: top;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView {
  float: right;
  cursor: pointer;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .kanbanName {
  float: left;
  width: 74px;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView i {
  font-size: 24px;
  margin-left: 3px;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .kanbanList-container {
  width: 150px;
  height: 200px;
  padding: 7px 4px;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .kanbanList-container .kanbanList-warp {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item {
  width: 100%;
  font-size: .75rem;
  color: #666;
  padding: 10px 5px 10px 10px;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item > span {
  display: block;
  width: calc(75%);
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item i.icon-check {
  font-size: 24px;
  line-height: 16px;
  color: #0689dd;
  visibility: hidden;
  float: right;
  margin: 0;
}
.task-main-container .card-move .kanbanSelect .kanbanNameView .dropdown-menu .dropdown-item.selected i.icon-check {
  visibility: visible;
}
.task-main-container .card-move .btn {
  width: 100%;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .kanban-card-container {
  display: inline-block;
  background: #f5f7f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  width: 262px;
  margin-right: 20px;
  margin-left: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  vertical-align: top;
}
.task-main-container .kanban-card-container .kanban-card-warp {
  width: 100%;
  height: 100%;
  position: relative;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table {
  width: 100%;
  height: calc(100% - 37px);
  display: table;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .rename.head-tr .addItem {
  display: none;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr {
  display: table-row;
  height: 60px;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr:after {
  content: '';
  position: absolute;
  width: 29px;
  height: 14px;
  right: 22px;
  top: 46px;
  z-index: 4;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename,
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  padding: 0 16px;
  position: relative;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .addItem {
  font-size: 24px;
  position: absolute;
  cursor: pointer;
  top: 41px;
  right: 20px;
  font-size: 1.95rem;
  color: #bbd1dc;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 5;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .addItem:after {
  position: absolute;
  content: '';
  top: 6px;
  left: 4px;
  right: 4px;
  bottom: 2px;
  z-index: -2;
  border-radius: 50%;
  background: #f5f7f9;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .addItem:not(.disabled):hover {
  color: #238bdf;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header {
  height: 100%;
  position: relative;
  z-index: 4;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .attr {
  width: 100%;
  padding: 0 10px;
  height: 57px;
  text-align: center;
  line-height: 60px;
  position: relative;
  max-width: 230px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .attr span {
  display: inline-block;
  max-width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  color: #8c8c8c;
  font-size: .75rem;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .attr span:hover {
  color: #000;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown {
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 15px;
  padding-left: 3px;
  margin-left: -14px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .config {
  cursor: pointer;
  font-size: 1.55rem;
  color: rgba(0, 0, 0, 0.26);
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .config:not(.disabled):hover {
  font-size: .75rem;
  color: #666;
  font-size: 1.55rem;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .dropdown-menu:empty {
  display: none;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .header .dropdown .dropdown-item {
  cursor: pointer;
  font-size: 14px;
  padding-left: 34px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename {
  width: 100%;
  padding: 9px 16px;
  display: none;
  margin-top: -1px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename:visible + .addItem {
  display: none;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input {
  background: #fff;
  border-radius: 3px;
  width: calc(100% - 64px);
  margin-top: 7px;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: .75rem;
  color: #666;
  padding: 0 7px;
  float: left;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input:-moz-placeholder,
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input::-moz-placeholder,
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename textarea:-moz-placeholder,
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename input:-ms-input-placeholder,
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename span {
  float: left;
  margin-top: 7px;
  margin-bottom: 5px;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .head-tr .card-rename .cancel {
  margin-left: 5px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr {
  display: table-row;
  height: 100%;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container {
  display: table;
  width: 100%;
  height: 100%;
  position: relative;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  right: 3px;
  padding-left: 4px;
  margin-left: -4px;
  overflow-y: auto;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp > ul {
  min-height: 38px;
  margin-right: 8px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp > ul .list-ul:empty + .list-ul {
  margin-top: -38px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp > ul .top {
  width: 100%;
  height: 22px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp > ul .kanban-Item-container + .bottom {
  display: block;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp > ul .my_placeholder {
  position: relative;
  margin: 2px 0;
  width: 238px;
  height: 38px;
}
.task-main-container .kanban-card-container .kanban-card-warp .card-table .body-tr .body-tr-container .kanban-item-warp > ul .my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 3px;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer {
  position: absolute;
  bottom: 0;
  height: 2.3125rem;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom {
  display: none;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd {
  height: 20px;
  color: #8c8c8c;
  margin-top: 8px;
  cursor: pointer;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li {
  float: left;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li i {
  margin-left: 11px;
  font-size: 16px;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li span {
  font-size: 12px;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li:first-child {
  width: 39px;
  line-height: 23px;
  height: 16px;
}
.task-main-container .kanban-card-container .kanban-card-warp .footer .bottom .bottomAdd li:last-child {
  width: 50px;
}
.task-main-container .kanban-card-container > .kanban-card-container {
  box-shadow: none;
}
.task-main-container .kanban-main-warp .addCard {
  display: inline-block;
  background: #f5f7f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
  border-radius: 3px;
  width: 262px;
  padding: 13px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all .3s;
  transition: all .3s;
  margin-right: 20px;
  cursor: pointer;
  vertical-align: top;
}
.task-main-container .kanban-main-warp .addCard > ul {
  margin: 6px auto;
  height: 22px;
  width: 75px;
}
.task-main-container .kanban-main-warp .addCard > ul li {
  float: left;
  width: 27px;
  line-height: 32px;
  height: 100%;
}
.task-main-container .kanban-main-warp .addCard > ul li span {
  color: #617a8b;
  font-size: 0.75rem;
}
.task-main-container .kanban-main-warp .addCard > ul li .icon-add_circle {
  color: #bbd1dc;
  font-size: 19px;
  position: relative;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-main-warp .addCard > ul li:first-child {
  width: 30px;
  line-height: 32px;
  height: 100%;
}
.task-main-container .kanban-main-warp .addCard > ul li:last-child {
  line-height: 26px;
}
.task-main-container .kanban-main-warp .addCard .addCard-container {
  width: 100%;
  display: none;
}
.task-main-container .kanban-main-warp .addCard .addCard-container input {
  background: #f4f8fb;
  border-radius: 3px;
  width: 100%;
  height: 40px;
  border: none;
  font-size: .75rem;
  color: #666;
  margin-bottom: 10px;
  padding: 0 19px;
  border: 1px solid #e8e8e8;
}
.task-main-container .kanban-main-warp .addCard .addCard-container input:-moz-placeholder,
.task-main-container .kanban-main-warp .addCard .addCard-container input::-moz-placeholder,
.task-main-container .kanban-main-warp .addCard .addCard-container textarea:-moz-placeholder,
.task-main-container .kanban-main-warp .addCard .addCard-container textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .kanban-main-warp .addCard .addCard-container input:-ms-input-placeholder,
.task-main-container .kanban-main-warp .addCard .addCard-container textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .kanban-main-warp .addCard .addCard-container span {
  float: left;
  -webkit-transition: all .3s;
  transition: all 0.3s;
}
.task-main-container .kanban-main-warp .addCard .addCard-container .cancel {
  margin-left: 5px;
}
.task-main-container .kanban-main-warp .addCard:not(.disabled):hover {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.23);
}
.task-main-container .kanban-main-warp .addCard:not(.disabled):hover .icon-add_circle {
  color: #238bdf;
}
.task-main-container .kanban-3-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.task-main-container .kanban-3-wrap .kanban-3-container-wrap {
  position: absolute;
  top: 64px;
  bottom: 31px;
  background: #fff;
  left: 0;
  right: 0;
  padding: 20px;
  padding-right: 10px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
}
.task-main-container .kanban-3-wrap .add-title {
  background: #fff;
  padding: 12px 11px;
  float: left;
  line-height: 12px;
  border: 0;
  width: calc(-40%);
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}
.task-main-container .kanban-3-wrap .add-btn {
  float: right;
  margin-top: 6px;
}
.task-main-container .kanban-3-wrap .add-btn.cancel {
  margin-right: 9px;
}
.task-main-container .kanban-3-wrap .add-btn + .btn {
  margin-right: 6px;
}
.task-main-container .kanban-3-wrap .dropping {
  background: #f6f7fb;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.task-main-container .kanban-3-wrap .my_placeholder {
  background: #f0f0f0;
  border-radius: 2px;
}
.task-main-container .kanban-3-wrap .kanban-3-container {
  position: absolute;
  overflow: hidden;
  top: 70px;
  bottom: 31px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  left: 0;
  right: 0;
  background: #f5f7f9;
}
.task-main-container .kanban-3-wrap .kanban-3-container .add-card-title {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 2px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3.dragging .card-item .add-task-wrap,
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3.dragging .card-item .task-list {
  height: 0!important;
  display: none !important;
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3 {
  margin: 3px 10px 0 20px;
  height: calc(60%);
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3 .card-name {
  color: #626263;
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3::-webkit-scrollbar-thumb {
  background: #cbcbcb;
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3::-webkit-scrollbar-track {
  background: #e7eaec;
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3.editing {
  height: calc(31%);
}
.task-main-container .kanban-3-wrap .kanban-3-container .kanban3 > .my_placeholder {
  height: 44px;
  margin: 17px 0;
}
.task-main-container .kanban-3-wrap .kanban-3-container .add-card-box.card-item {
  display: none;
  padding-left: 25px;
  overflow: hidden;
  width: calc(90%);
}
.task-main-container .kanban-3-wrap .kanban-3-container .add-card-box.card-item .icon-ic_kanban_big_black_24px {
  float: left;
  color: #0689dd;
  font-size: 16px;
  margin-right: 15px;
  margin-top: 10px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .add-card-box.card-item .add-title {
  width: calc(-75%);
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item {
  padding: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item .task-list:empty {
  min-height: 20px;
  padding-bottom: 0;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item .task-list:empty + .task-list {
  margin-top: -20px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item.isHidden {
  margin-bottom: 17px;
  border-bottom: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item.isHidden .add-task-wrap {
  display: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item + .card-item {
  margin: 17px 0;
  margin-top: 5px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item.kanbanSortHelper {
  background: #f6f7fb;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item .add-task-wrap {
  overflow: hidden;
  height: 40px;
  padding-left: 30px;
  margin-top: 7px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item .add-task-wrap .add-task {
  color: #626263;
  cursor: pointer;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item .add-task-wrap .add-task i + span {
  margin-left: 10px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item .add-task-wrap .add {
  display: none;
  overflow: hidden;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item h5 {
  margin-bottom: 12px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item h5 .icon-ic_kanban_big_black_24px {
  color: #0689dd;
  font-size: 16px;
  margin-right: 9px;
  vertical-align: -10%;
}
.task-main-container .kanban-3-wrap .kanban-3-container .card-item h5 .slide-toggle-btn {
  font-size: 22px;
  vertical-align: sub;
  margin-left: 8px;
  cursor: pointer;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list {
  position: relative;
  padding-bottom: 13px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list.empty {
  border-bottom: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list > .my_placeholder {
  height: 36px;
  margin: 5px 0;
  margin-left: 30px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item.dragging-to-trash {
  height: 36px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item.dragging-to-trash .subtask {
  display: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item {
  overflow: hidden;
  margin-right: 8px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item + .task-item {
  margin-top: 5px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item.dragging {
  height: 36px !important;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item.dragging .subtask {
  display: none !important;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item.item-to-trash {
  height: 36px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .memberList {
  max-width: 200px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li {
  float: left;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li + li {
  margin-left: 10px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li img {
  border-radius: 2px;
  width: 24px;
  height: 24px;
  margin-top: -4px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .memberList li img + img {
  margin-left: 10px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .slide-toggle-task {
  width: 18px;
  height: 18px;
  border: 1px solid #c7c7c7;
  border-radius: 50%;
  text-align: center;
  padding-right: 1px;
  font-size: 16px;
  line-height: 14px;
  color: #c7c7c7;
  float: left;
  margin-right: 8px;
  margin-top: 9px;
  cursor: pointer;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .slide-toggle-task.subtract {
  line-height: 13px;
  font-size: 22px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .slide-toggle-task.subtract:after {
  content: '-';
  margin-left: 1px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail {
  float: right;
  width: calc(70%);
  background: #fff;
  border-radius: 3px;
  line-height: 36px;
  padding-right: 8px;
  height: 36px;
  border: 1px solid #ededed;
  border-bottom-color: #d8d8d8;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail.blinkAnimate {
  -webkit-animation: blinkAni 2s linear;
  animation: blinkAni 2s linear;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .checkBox {
  float: left;
  margin: 0 10px;
  background: inherit;
  padding-top: 2px;
  height: 100%;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .checkBox.checked + .task-name {
  text-decoration: line-through;
  font-size: .75rem;
  color: #a3a3a3;
  font-size: 13px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-name {
  float: left;
  max-width: 50%;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .8125rem;
  color: #333;
  padding-right: 100%;
  margin-right: -100%;
  box-sizing: content-box;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info {
  float: right;
  cursor: default;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .subtask-view {
  background: rgba(0, 0, 0, 0.03);
  border-radius: 2px;
  line-height: 22px;
  vertical-align: baseline;
  padding: 0 5px;
  word-spacing: 4px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .dates {
  background: #ff5959;
  border-radius: 2px;
  color: #fff;
  line-height: 22px;
  vertical-align: baseline;
  padding: 0 5px;
  display: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .dates .icon-insert_invitation {
  font-size: 16px;
  vertical-align: text-bottom;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .dates.show {
  display: inline-block;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info > div,
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info > ul {
  display: inline-block;
  vertical-align: top;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .memberList {
  display: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info .memberList.show {
  display: inline-block;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info > div + div,
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .top .task-detail .task-info > div + ul {
  margin-left: 8px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .subtask {
  padding-left: 40px;
  margin: 4px 0;
  overflow: hidden;
  display: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .my_placeholder {
  height: 36px;
  margin: 5px 0;
  margin-left: 30px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item {
  margin-top: 4px;
  height: 36px;
  border-radius: 3px;
  position: relative;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item.kanbanSortHelper:after {
  display: none;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item + .subtask-item:after {
  content: '';
  position: absolute;
  border: 1px dashed #d6e7fc;
  width: 2px;
  height: 26px;
  top: -15px;
  left: 8px;
}
.task-main-container .kanban-3-wrap .kanban-3-container .task-list .task-item .subtask .subtask-item:before {
  content: '';
  position: absolute;
  background: #d6e7fc;
  width: 6px;
  height: 6px;
  top: 15px;
  left: 6px;
  border-radius: 100%;
}
.task-main-container .create-kanbanCard {
  margin-top: 16px;
  -webkit-transition: all .3s;
  transition: all .3s;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
}
.task-main-container .kanban-main-warp {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.task-main-container .kanban-main-warp .kanban-top {
  position: absolute;
  top: 0;
  height: 70px;
  width: 100%;
}
.task-main-container .kanban-main-warp .kanban-main-container {
  position: absolute;
  top: 64px;
  bottom: 14px;
  left: 0;
  right: 0;
}
.task-main-container .kanban-main-warp .kanban-main-container .kanbanCard-main-container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.task-main-container .kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp {
  position: absolute;
  top: 0;
  bottom: 14px;
  white-space: nowrap;
}
.task-main-container .kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp .cardList-container {
  height: 100%;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}
.task-main-container .kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp .cardList-container .my_placeholder {
  position: relative;
  display: inline-block;
  width: 262px;
  margin-right: 20px;
  margin-left: 1px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 100%;
  vertical-align: top;
}
.task-main-container .kanban-main-warp .kanban-main-container .kanbanCard-main-container .cardList-container-warp .cardList-container .my_placeholder:after {
  content: ' ';
  position: absolute;
  right: .5rem;
  left: 0;
  bottom: 0;
  top: 0;
  background: #e0e0e0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 3px;
}
.task-main-container .card-view .card-name {
  height: 44px;
  width: 100%;
}
.task-main-container .card-view .card-name li {
  height: 100%;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .card-view .card-name li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 46px;
  font-size: 12px;
  color: #617a8b;
}
.task-main-container .card-view .card-name li i {
  color: #0689dd;
  font-size: 16px;
  line-height: 44px;
  margin-left: 11px;
}
.task-main-container .card-view .card-name li:first-child {
  width: 36px;
}
.task-main-container .card-view .card-name li:last-child {
  width: calc(64%);
}
.task-main-container .card-view h5 {
  margin-bottom: 14px;
  line-height: 18px;
}
.task-main-container .card-view h5 i {
  color: #0689dd;
  margin: 0 11px;
  font-size: 16px;
}
.task-main-container .card-view h5 img {
  width: 20px;
  height: 20px;
  margin: 0 9px 0 8px;
  vertical-align: -26%;
}
.task-main-container .card-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 4px 15px 12px;
  box-sizing: content-box;
}
.task-main-container .card-view:after {
  content: " ";
  display: block;
  width: 100%;
  height: 24px;
}
.task-main-container .member-view .member-name {
  height: 44px;
  width: 100%;
}
.task-main-container .member-view .member-name li {
  height: 100%;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .member-view .member-name li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 46px;
  font-size: 12px;
  color: #617a8b;
}
.task-main-container .member-view .member-name li img {
  width: 20px;
  height: 20px;
  margin: 12px 0 0 9px;
}
.task-main-container .member-view .member-name li:first-child {
  width: 36px;
}
.task-main-container .member-view .member-name li:last-child {
  width: calc(64%);
}
.task-main-container .member-view {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px 4px 13px 12px;
  box-sizing: content-box;
}
.task-main-container .member-view:after {
  content: " ";
  display: block;
  width: 100%;
  height: 24px;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li,
.task-main-container .leftContent .member-view ul.kanbanItemList li {
  background: #fff;
  border-radius: 3px;
  padding-left: 10px;
  height: 38px;
  line-height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #ededed;
  border-bottom-color: #d8d8d8;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li.done .container span,
.task-main-container .leftContent .member-view ul.kanbanItemList li.done .container span {
  color: #a3a3a3;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li:hover,
.task-main-container .leftContent .member-view ul.kanbanItemList li:hover {
  background: #f2f2f2;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li.blinkAnimate,
.task-main-container .leftContent .member-view ul.kanbanItemList li.blinkAnimate {
  -webkit-animation: blinkAni 2s linear;
  animation: blinkAni 2s linear;
}
@keyframes blinkAni {
  0% {
    background: #fff;
  }
  12.5% {
    background: #f2f2f2;
  }
  25% {
    background: #fff;
  }
  37.5% {
    background: #f2f2f2;
  }
  50% {
    background: #fff;
  }
  62.5% {
    background: #f2f2f2;
  }
  75% {
    background: #fff;
  }
  87.5% {
    background: #f2f2f2;
  }
  to {
    background: #fff;
  }
}
.task-main-container .leftContent .card-view ul.kanbanItemList li .checkBox,
.task-main-container .leftContent .member-view ul.kanbanItemList li .checkBox {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
  background: inherit;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li .container,
.task-main-container .leftContent .member-view ul.kanbanItemList li .container {
  width: calc(50%);
  height: 100%;
  margin: 0 0 0 28px;
  padding: 0;
  cursor: pointer;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li .container span,
.task-main-container .leftContent .member-view ul.kanbanItemList li .container span {
  font-size: .75rem;
  color: #666;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li + li,
.task-main-container .leftContent .member-view ul.kanbanItemList li + li {
  margin-top: 2px;
}
.task-main-container .leftContent .card-view ul.kanbanItemList li.done span.caption,
.task-main-container .leftContent .member-view ul.kanbanItemList li.done span.caption {
  text-decoration: line-through;
}
.task-main-container .kanbanProgress > .left {
  float: left;
  height: 100%;
  position: relative;
  background: #f5f7f9;
  width: 270px;
  z-index: 1;
}
.task-main-container .kanbanProgress > .left .header {
  font-size: 0;
  height: 62px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  padding-top: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .kanbanProgress > .left .header .switch {
  width: 46%;
  height: 30px;
  margin: 0 auto;
}
.task-main-container .kanbanProgress > .left .header .switch li {
  width: 50%;
  height: 100%;
  float: left;
  line-height: 30px;
  text-align: center;
  font-size: .75rem;
  color: #666;
  -webkit-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
  background: #eaeaea;
}
.task-main-container .kanbanProgress > .left .header .switch .card {
  border-radius: 14px 0 0 14px;
}
.task-main-container .kanbanProgress > .left .header .switch .member {
  border-radius: 0 14px 14px 0;
}
.task-main-container .kanbanProgress > .left .header .switch li:not(.active):hover {
  background: #eae3e3;
}
.task-main-container .kanbanProgress > .left .header .switch li.active {
  background: #0689dd;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .kanbanProgress > .left .header span {
  margin-top: 18px;
  line-height: 28px;
  display: inline-block;
  padding: 0 15px;
  font-size: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  background: #f6f6f6;
  font-size: .75rem;
  color: #666;
}
.task-main-container .kanbanProgress > .left .header span.card {
  border-radius: 14px 0 0 14px;
}
.task-main-container .kanbanProgress > .left .header span.member {
  border-radius: 0 14px 14px 0;
}
.task-main-container .kanbanProgress > .left .header span.active {
  background: #0689dd;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .kanbanProgress > .left .leftContent-Container {
  position: absolute;
  top: 62px;
  width: 100%;
  bottom: -17px;
  border-right: 1px solid rgba(0, 0, 0, 0.09);
  overflow-y: hidden;
  overflow-x: scroll;
}
.task-main-container .kanbanProgress > .left .leftContent-Container .leftContent {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.task-main-container .kanbanProgress > .left .leftContent-Container::-webkit-scrollbar {
  width: 4px;
  height: 17px;
}
.task-main-container .right .kanbanCalender {
  position: absolute;
  left: 270px;
  right: 0;
  top: 0;
  bottom: 0;
}
.task-main-container .right .kanbanCalender .header {
  height: 62px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .right .kanbanCalender .header .content {
  display: block;
  height: 100%;
  width: 100px;
  margin-left: 17px;
  text-align: center;
  line-height: 62px;
  float: left;
  font-size: 1rem;
  color: #333;
  color: #626263;
}
.task-main-container .right .kanbanCalender .warp-container {
  position: absolute;
  top: 62px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f2f6fb;
}
.task-main-container .right .kanbanCalender .warp-x {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 17px;
  padding-right: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  box-sizing: content-box;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y {
  height: calc(80%);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 47px 0 34px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y.dayView {
  width: 14685px;
  background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressDayBg.png") repeat;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y.dayView .item-container .child-item .kanban-progress-addItem {
  width: 40px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y.weekView {
  width: 5045px;
  background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressWeekBg.png") repeat;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y.weekView .item-container .child-item .kanban-progress-addItem {
  width: 48px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y.monthView {
  width: 1580px;
  background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressMonthBg.png") repeat;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y.monthView .item-container .child-item .kanban-progress-addItem {
  width: 63px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container {
  margin-top: 7px;
  box-sizing: border-box;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .dragArea {
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid #2f88c3;
  border-right: 1px solid #2f88c3;
  background: rgba(157, 216, 255, 0.33);
  display: none;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item {
  width: 100%;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item {
  position: relative;
  height: 42px;
  width: 100%;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item {
  height: 3px;
  position: absolute;
  top: 21px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .line {
  position: absolute;
  width: calc(94%);
  margin-left: 3px;
  height: 100%;
  background: rgba(0, 149, 246, 0.66);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp {
  position: relative;
  width: 100%;
  height: 100%;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp .edge {
  position: absolute;
  width: 3px;
  height: 19px;
  background: rgba(0, 149, 246, 0.66);
  top: -8px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp .left {
  left: 0;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .root-item .root-line-item .root-line-warp .right {
  right: 0;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item {
  height: 42px;
  width: 100%;
  padding: 10px 0 0;
  position: relative;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item:hover {
  background: rgba(0, 0, 0, 0.03);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item.active {
  background: rgba(189, 229, 255, 0.5);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item.rightMoving,
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item.rightMoving .dragItem {
  cursor: w-resize;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .kanban-progress-addItem {
  cursor: pointer;
  position: absolute;
  height: 22px;
  border: 1px dashed #979797;
  background: none;
  display: none;
  z-index: 1;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem {
  position: absolute;
  background: #d0d4d6;
  height: 22px;
  z-index: 1;
  cursor: move;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_passed {
  background: rgba(209, 213, 215, 0.61);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_passed .drag-warp .donePercent-warp .donePercent {
  background: #cecece;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_notDone {
  background: rgba(255, 162, 94, 0.51);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_notDone .drag-warp .donePercent-warp .donePercent {
  background: #ffa25e;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_done {
  background: rgba(109, 226, 197, 0.5);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_done .drag-warp .donePercent-warp .donePercent {
  background: #6de2c5;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_doing {
  background: rgba(96, 191, 253, 0.5);
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.color_doing .drag-warp .donePercent-warp .donePercent {
  background: #66b4e7;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp {
  width: 100%;
  height: 100%;
  position: relative;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .right {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  cursor: w-resize;
  width: 20px;
  height: 100%;
  overflow: hidden;
  z-index: 2;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .right .dragHandle {
  display: none;
  width: 5px;
  height: 14px;
  position: absolute;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -7px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .right .dragHandle:after {
  content: '';
  position: absolute;
  right: -5px;
  width: 0;
  height: 100%;
  border-left: 1px solid #fff;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .donePercent-warp {
  position: absolute;
  left: 3px;
  top: 3px;
  right: 3px;
  bottom: 3px;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem .drag-warp .donePercent-warp .donePercent {
  background: #bcbcbc;
  height: 100%;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.showHandel .drag-warp .right .dragHandle,
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem:hover .drag-warp .right .dragHandle {
  display: block;
}
.task-main-container .right .kanbanCalender .warp-x .warp-y .item-container .calender-root-item .child-item .dragItem.hideHandel:hover .drag-warp .right .dragHandle {
  display: none;
}
.task-main-container .right .kanbanCalender .warp-x::-webkit-scrollbar {
  width: 4px;
  height: 17px;
}
.task-main-container .right .kanbanCalender .date-arrow {
  position: absolute;
  height: 36px;
  width: 33px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: #f2f6fb;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 4;
}
.task-main-container .right .kanbanCalender .date-arrow i {
  font-size: 1.475rem;
  color: #1ba4ff;
}
.task-main-container .right .kanbanCalender .date-arrow:active,
.task-main-container .right .kanbanCalender .date-arrow:hover {
  background: #ecf0f5;
}
.task-main-container .right .kanbanCalender .date-arrow.left {
  left: 0;
  bottom: 0;
}
.task-main-container .right .kanbanCalender .date-arrow.right {
  right: 0;
  bottom: 0;
}
.task-main-container .right .kanbanCalender .date-warp {
  position: absolute;
  bottom: 0;
  height: 36px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-left: 33px;
}
.task-main-container .right .kanbanCalender .date-warp.day {
  width: 14680px;
  background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressDateBg.png") repeat-x;
}
.task-main-container .right .kanbanCalender .date-warp.week {
  width: 5040px;
  background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressWeekBg.png") repeat-x;
}
.task-main-container .right .kanbanCalender .date-warp.month {
  width: 1575px;
  background: url("https://rishiqing-images.oss-cn-beijing.aliyuncs.com/kanban/progressMonthBg.png") repeat-x;
}
.task-main-container .right .kanbanCalender .date-warp > ul.day li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 40px;
  height: 100%;
  text-align: center;
  line-height: 36px;
  cursor: default;
  font-size: .75rem;
  color: #666;
}
.task-main-container .right .kanbanCalender .date-warp > ul.day li.todayDate {
  position: relative;
}
.task-main-container .right .kanbanCalender .date-warp > ul.day li.todayDate:after {
  content: '\4ECA';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #1ba4ff;
  color: #fff;
  position: absolute;
}
.task-main-container .right .kanbanCalender .date-warp > ul.day li.weekend {
  color: #ff4848;
}
.task-main-container .right .kanbanCalender .date-warp > ul.day li.month1st {
  background: #6de2c5;
  color: #fff;
}
.task-main-container .right .kanbanCalender .date-warp > ul.week li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 48px;
  height: 100%;
  text-align: center;
  line-height: 36px;
  cursor: default;
  font-size: .75rem;
  color: #666;
}
.task-main-container .right .kanbanCalender .date-warp > ul.week li.toWeekDate {
  position: relative;
}
.task-main-container .right .kanbanCalender .date-warp > ul.week li.toWeekDate:after {
  content: '\672C\5468';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #1ba4ff;
  color: #fff;
  position: absolute;
}
.task-main-container .right .kanbanCalender .date-warp > ul.month li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  width: 63px;
  height: 100%;
  text-align: center;
  line-height: 36px;
  cursor: default;
  font-size: .75rem;
  color: #666;
}
.task-main-container .right .kanbanCalender .date-warp > ul.month li.toMonthDate {
  position: relative;
}
.task-main-container .right .kanbanCalender .date-warp > ul.month li.toMonthDate:after {
  content: '\672C\6708';
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #1ba4ff;
  color: #fff;
  position: absolute;
}
.task-main-container .right .kanbanCalender .date-warp > ul {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
}
.task-main-container .right .kanbanCalender .today {
  position: absolute;
  padding-left: 2px;
  top: 18px;
  width: 44px;
  height: 31px;
  line-height: 29px;
  right: 163px;
  background: none;
  text-align: center;
  border-radius: 2px;
  letter-spacing: 2px;
  cursor: pointer;
  z-index: 5;
  color: #a3a3a3;
  border: 1px solid #b1b1b1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .right .kanbanCalender .today:hover {
  background: #f3f3f3;
}
.task-main-container .right .kanbanCalender .switch3Ul {
  position: absolute;
  top: 18px;
  right: 30px;
}
.task-main-container .break-day-item-remove {
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #ff5959;
  color: #ff5959;
  cursor: pointer;
}
.task-main-container .break-day-item-remove:hover {
  background: #fcfcfc;
}
.task-main-container .kanbanProgress-day-info {
  border: none;
  height: 53px;
  width: 140px;
  font-size: 12px;
  background: rgba(0, 0, 0, 0.78);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  color: #fff;
  display: block;
  text-align: center;
  padding-top: 7px;
}
.task-main-container .kanbanProgress-day-info .endInfo,
.task-main-container .kanbanProgress-day-info .startInfo {
  width: 100%;
  height: 20px;
  line-height: 20px;
}
.task-main-container .kanbanProgress-day-info:before {
  content: '';
  display: block;
  position: absolute;
  top: -14px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.78);
  left: 63px;
}
.task-main-container .development,
.task-main-container .kanban-Progress-warp {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.task-main-container .development .kanban-Progress-container,
.task-main-container .kanban-Progress-warp .kanban-Progress-container {
  position: absolute;
  top: 64px;
  bottom: 31px;
  left: 0;
  right: 0;
}
.task-main-container .development .kanban-Progress-container .kanbanProgress,
.task-main-container .kanban-Progress-warp .kanban-Progress-container .kanbanProgress {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: auto;
  background: #f6f9fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
  border-radius: 2px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.task-main-container .kanban-development {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.task-main-container .kanban-development .development-container {
  position: absolute;
  top: 70px;
  bottom: 31px;
  left: 0;
  right: 0;
}
.task-main-container .kanban-development .development-container .cc {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: auto;
  background: #f6f9fd;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
  border-radius: 2px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.task-main-container .do-filter {
  position: absolute;
  top: 22px;
  z-index: 500;
  cursor: pointer;
  right: 128px;
}
.task-main-container .do-filter i {
  margin-right: 4px;
}
.task-main-container .kanban-task-filter {
  position: fixed;
  top: 54px;
  bottom: 0;
  width: 300px;
  right: 0;
  background: #f6f6f6;
  z-index: 500;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.task-main-container .kanban-task-filter i {
  font-size: 18px;
}
.task-main-container .kanban-task-filter .type-system {
  color: #333;
  font-size: 13px;
}
.task-main-container .kanban-task-filter header {
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
  position: relative;
}
.task-main-container .kanban-task-filter header > i {
  margin-top: 14px;
  position: absolute;
  right: 20px;
  cursor: pointer;
}
.task-main-container .kanban-task-filter section {
  padding: 20px 22px;
  position: absolute;
  top: 48px;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.task-main-container .kanban-task-filter section > div + div {
  margin-top: 26px;
}
.task-main-container .kanban-task-filter section > div.by-name input {
  width: 100%;
  border-radius: 2px;
  background: #fff;
  padding: 8px 12px;
  color: #a3a3a3;
  border: 1px solid #eaeaea;
}
.task-main-container .kanban-task-filter section > div > ul > li {
  margin-top: 9px;
  position: relative;
  cursor: pointer;
}
.task-main-container .kanban-task-filter section > div > ul > li span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(30%);
  display: inline-block;
  vertical-align: top;
}
.task-main-container .kanban-task-filter section > div > ul > li > i.icon-check {
  position: absolute;
  right: 0;
  color: #1ba4ff;
  top: 0;
  display: none;
}
.task-main-container .kanban-task-filter section > div > ul > li.selected i.icon-check {
  display: block;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="1"] {
  background-color: #ed8a8a;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="2"] {
  background-color: #6d4e4e;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="3"] {
  background-color: #8aed90;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="4"] {
  background-color: #8aabed;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="5"] {
  background-color: #dedede;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="6"] {
  background-color: #766a6a;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="7"] {
  background-color: #c38aed;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="8"] {
  background-color: #dced8a;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="9"] {
  background-color: #edb48a;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="10"] {
  background-color: #b5b5b5;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="11"] {
  background-color: #ed8ae0;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="12"] {
  background-color: #8ab7ed;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="13"] {
  background-color: #8aede0;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="14"] {
  background-color: #bb2626;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li span[data-color="15"] {
  background-color: #000;
}
.task-main-container .kanban-task-filter section > div.by-tag > ul > li .tag-color {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 17px;
  display: inline-block;
  vertical-align: baseline;
}
.task-main-container .kanban-task-filter section > div.by-member ul.user-list-lazy {
  overflow-x: hidden;
}
.task-main-container .kanban-task-filter section > div.by-member ul.user-list-lazy .icon-person {
  vertical-align: middle;
  display: inline-block;
  padding: 3px;
  color: rgba(0, 0, 0, 0.34);
}
.task-main-container .kanban-task-filter section > div.by-member ul.user-list-lazy .user-name {
  max-width: calc(40%);
  cursor: pointer;
}
.task-main-container body.show-kanban-task-filter .fadeInLeft.kanban-Item-container,
.task-main-container body.show-kanban-task-filter .fadeOutRight.kanban-Item-container {
  display: none !important;
}
.task-main-container body.show-kanban-task-filter .kanban-task-filter {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.task-main-container .kanban-template-select {
  z-index: 1040;
}
.task-main-container .kanban-template-select nav > ul > li {
  cursor: pointer;
}
.task-main-container .kanban-template-select .template-pannel {
  font-size: 0;
  max-height: 100%;
  overflow-y: auto;
}
.task-main-container .kanban-template-select .template-pannel > li[data-id="1"] {
  display: none;
}
.task-main-container .kanban-template-select .template-pannel > li[data-id="1"] + li {
  margin-left: 0;
}
.task-main-container .kanban-template-select .template-pannel > li {
  font-size: 12px;
  display: inline-block;
  width: 117px;
  text-align: center;
  margin-bottom: 14px;
}
.task-main-container .kanban-template-select .template-pannel > li.template-item-add .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  background: #ddd;
}
.task-main-container .kanban-template-select .template-pannel > li.template-item-add .wrapper > i.icon-add {
  margin: auto;
  font-size: 40px;
  color: #efefef;
}
.task-main-container .kanban-template-select .template-pannel > li + li {
  margin-left: 16px;
}
.task-main-container .kanban-template-select .template-pannel > li:nth-child(4n+1) {
  margin-left: 0 !important;
}
.task-main-container .kanban-template-select .template-pannel > li > span {
  margin-top: 5px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.task-main-container .kanban-template-select .template-pannel > li > .set {
  width: 117px;
  height: 66px;
  border-radius: 2px;
  cursor: pointer;
}
.task-main-container .kanban-template-select .list > li.on-scroll > ul.template-pannel > li + li {
  margin-left: 10px;
}
.task-main-container .common-tab.level2 {
  height: 510px;
}
.task-main-container .common-tab.level2 .back-up {
  left: 26px;
  right: auto;
}
.task-main-container .show-template-detail {
  z-index: 1041;
  height: 510px;
}
.task-main-container .show-template-detail header {
  border-bottom: 1px solid #eaeaea;
  position: relative;
}
.task-main-container .show-template-detail header i.icon-arrow_back {
  left: 27px;
  right: auto;
}
.task-main-container .show-template-detail main {
  padding: 25px 30px;
  max-height: calc(40%);
  overflow-y: auto;
}
.task-main-container .show-template-detail main section > span.type-system {
  margin-bottom: 6px;
}
.task-main-container .show-template-detail main section p {
  color: #a3a3a3;
  font-size: 13px;
  margin-bottom: 9px;
}
.task-main-container .show-template-detail main section + section {
  margin-top: 30px;
}
.task-main-container .show-template-detail main .radio-group + .radio-group {
  margin-top: 16px;
}
.task-main-container .show-template-detail main .use-it {
  width: 460px;
  margin: 0 auto;
  margin-top: 84px;
}
.task-main-container .show-template-detail main ul.card-list {
  text-align: center;
  margin-top: -6px;
}
.task-main-container .show-template-detail main ul.card-list li {
  background: #f6f6f6;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  padding: 5px 14px;
  position: relative;
  margin-right: 44px;
  display: inline-block;
}
.task-main-container .show-template-detail main ul.card-list li:after {
  position: absolute;
  right: -33px;
  top: -2px;
  content: '\E315';
  font-family: icomoon!important;
  font-size: 20px;
  color: #a3a3a3;
}
.task-main-container .show-template-detail main ul.card-list li + li {
  margin-top: 12px;
}
.task-main-container .show-template-detail main ul.card-list li:nth-last-child(1) {
  margin-right: 0;
}
.task-main-container .show-template-detail main ul.card-list li:nth-last-child(1):after {
  display: none;
}
.task-main-container .show-template-detail main p {
  margin: 0;
}
.task-main-container .show-template-detail main span.type-system {
  display: block;
}
.task-main-container .show-template-detail main .radio-group .radio-wrapper {
  display: inline-block;
}
.task-main-container .show-template-detail main .radio-group .radio-wrapper + .radio-wrapper {
  margin-left: 26px;
}
.task-main-container .show-template-detail main .radio-group .radio-wrapper > span {
  margin-left: 10px;
  vertical-align: super;
}
.task-main-container .kanban-view .container-right {
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.task-main-container .kanban-view .container-right.first {
  -webkit-transition: none;
  transition: none;
}
.task-main-container .kanban-view .content-warp-x {
  width: 200%;
  height: 100%;
  overflow-y: hidden;
  overflow-x: auto;
}
.task-main-container .kanban-view .kanban-loading {
  width: 100%;
  height: 100%;
}
.task-main-container .kanban-view .kanban-loading span {
  display: block;
  width: 150px;
  height: 20px;
  margin: 300px auto;
}
.task-main-container .kanban-view .switch3Ul {
  position: absolute;
  top: 16px;
  right: 0;
  z-index: 1;
}
.task-main-container .kanban-view .switch3Ul i {
  font-size: 19px;
  line-height: 32px;
}
.task-main-container .kanban-view .switch3Ul .progress {
  margin-left: 2px;
}
.task-main-container .kanban-view .switch3Ul .kanban {
  font-size: 20px;
}
.task-main-container .kanbanItemSortHelper {
  -webkit-transition: none;
  transition: none;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.task-main-container .companyLeft {
  opacity: 0;
}
.task-main-container .companyLeft .companyLeftUl {
  width: 100%;
  height: 100%;
}
.task-main-container .companyLeft .companyLeftUl li {
  cursor: default;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  padding-left: 2.3125rem;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyLeft .companyLeftUl li i {
  font-size: 1.5rem;
  margin-right: 1.625rem;
}
.task-main-container .companyLeft .companyLeftUl li.active,
.task-main-container .companyLeft .companyLeftUl li:hover {
  background: rgba(0, 0, 0, 0.13);
}
.task-main-container .companyRight {
  overflow-y: auto;
}
.task-main-container .companyRight .companyIndex {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 31rem;
}
.task-main-container .companyRight .companyIndex img.logo {
  width: 64px;
  height: 64px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 2px;
  top: 3.75rem;
}
.task-main-container .companyRight .companyIndex h1,
.task-main-container .companyRight .companyIndex img.logo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.task-main-container .companyRight .companyIndex h1 {
  font-size: 1rem;
  color: #666;
  top: 8.75rem;
}
.task-main-container .companyRight .companyIndex .Line {
  width: 46.875rem;
  height: 6.25rem;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 13.75rem;
}
.task-main-container .companyRight .companyIndex .Line > div {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  width: 13.4375rem;
  height: 7.5rem;
  text-align: center;
}
.task-main-container .companyRight .companyIndex .Line > div .title {
  font-size: .75rem;
  color: #a3a3a3;
  display: block;
  margin-top: 0.875rem;
}
.task-main-container .companyRight .companyIndex .Line > div .num {
  display: block;
  text-align: center;
  font-size: 2rem;
}
.task-main-container .companyRight .companyIndex .Line > div .href {
  display: block;
  text-align: center;
  cursor: pointer;
  color: #1ba4ff;
}
.task-main-container .companyRight .companyIndex .Line > div.peopleNum {
  float: left;
}
.task-main-container .companyRight .companyIndex .Line > div.peopleNum .num {
  color: #87d9ff;
}
.task-main-container .companyRight .companyIndex .Line > div.groupNum {
  float: left;
  margin-left: 3.25rem;
}
.task-main-container .companyRight .companyIndex .Line > div.groupNum .num {
  color: #ff668c;
}
.task-main-container .companyRight .companyIndex .Line > div.useSpace {
  float: right;
}
.task-main-container .companyRight .companyIndex .Line > div.useSpace .num {
  color: #92d5a6;
}
.task-main-container .companyRight .companyIndex #eCharts {
  width: 100%;
  height: 15rem;
  margin-top: 2.25rem;
  text-align: left;
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: #fff !important;
}
.task-main-container .companyRight .companyIndex #downLoads {
  width: 30.5rem;
  height: 5rem;
  position: absolute;
  bottom: 4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.task-main-container .companyRight .companyIndex #downLoads > header {
  font-size: .875rem;
  text-align: center;
}
.task-main-container .companyRight .companyIndex #downLoads > ul {
  position: absolute;
  bottom: 0;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li {
  cursor: pointer;
  float: left;
  width: 6.875rem;
  height: 2.5rem;
  background-size: contain;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li > ul {
  position: absolute;
  bottom: -3.75rem;
  display: none;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li > ul > li {
  cursor: pointer;
  width: 6.875rem;
  height: 1.875rem;
  line-height: 1.875rem;
  text-align: center;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.apple {
  background: url("https://res-front-cdn.rishiqing.com/common/img/company/appstore@2x.png");
  background-size: contain;
  cursor: default;
  position: relative;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.apple ul.appleUl > li {
  background: #333;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.apple ul.appleUl > li:hover {
  background: #444;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.apple:hover ul.appleUl {
  display: block;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.android {
  background: url("https://res-front-cdn.rishiqing.com/common/img/company/android@2x.png");
  background-size: contain;
  cursor: default;
  position: relative;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.android ul.androidUl > li {
  background: #7ed321;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.android ul.androidUl > li:hover {
  background: #85db21;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.android:hover ul.androidUl {
  display: block;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.windows {
  background: url("https://res-front-cdn.rishiqing.com/common/img/company/windows@2x.png");
  background-size: contain;
  cursor: default;
  position: relative;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.windows ul.windowsUl > li {
  background: #009cdd;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.windows ul.windowsUl > li:hover {
  background: #1ca5dd;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.windows:hover ul.windowsUl {
  display: block;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li.mac {
  background: url("https://res-front-cdn.rishiqing.com/common/img/company/macos@2x.png");
  background-size: contain;
}
.task-main-container .companyRight .companyIndex #downLoads > ul > li + li {
  margin-left: 1rem;
}
.task-main-container .downLoadMaContent {
  display: block;
  box-sizing: border-box;
  width: 350px;
  height: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -150px;
  margin-left: -175px;
  text-align: center;
  background: #fff;
  border-radius: 5px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.6);
}
.task-main-container .downLoadMaContent .Ma2 {
  width: 8.75rem;
  height: 8.75rem;
  position: absolute;
  top: 3.75rem;
  left: 50%;
  margin-left: -4.375rem;
}
.task-main-container .downLoadMaContent .Ma2.appleMa {
  background: url("https://rsqsystem.oss-cn-beijing.aliyuncs.com/rsqiosQrcodeicon.png");
  background-size: contain;
}
.task-main-container .downLoadMaContent .Ma2.androidMa {
  background: url("https://rsqsystem.oss-cn-beijing.aliyuncs.com/rsqandroidicon.jpg");
  background-size: contain;
}
.task-main-container .downLoadMaContent .pText {
  width: 100%;
  position: absolute;
  text-align: center;
  font-size: .875rem;
  color: #333;
  bottom: 3rem;
}
.task-main-container .companyRight .companyTeamView {
  width: 100%;
  height: 100%;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft {
  position: absolute;
  left: 0;
  width: 16.875rem;
  top: 0;
  bottom: 0;
  background: #fff;
  padding: 1rem 0;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader {
  padding-left: 1rem;
  cursor: default;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  overflow: hidden;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader i {
  font-size: 1.5rem;
  position: relative;
  top: .25rem;
  cursor: pointer;
  float: left;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader:hover {
  background: #ececec;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader.active {
  background: #0096f6;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader.active .peopleNum {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader .companyName {
  display: inline-block;
  float: left;
  max-width: 12rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .companyHeader .peopleNum {
  font-size: .875rem;
  color: #666;
  display: inline-block;
  float: left;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList {
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 3.25rem;
  bottom: 1rem;
  width: 100%;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList > .userList > .userItem {
  padding-left: 1.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .userList {
  display: none;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem {
  height: 2.25rem;
  line-height: 2.25rem;
  cursor: default;
  font-size: .75rem;
  color: #333;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2px;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem span.userName {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  float: right;
  width: calc(97.5%);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem:hover {
  background: #ececec;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .userList .userItem.active {
  background: #0096f6;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList > .groupItem > header {
  padding-left: 1.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList li.my_placeholder {
  height: 2.25rem;
  line-height: 2.25rem;
  background: rgba(0, 0, 0, 0.1);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header {
  background: #fff;
  cursor: default;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .875rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header i {
  font-size: 1.5rem;
  position: relative;
  top: .25rem;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header i.turnDown {
  color: #09f;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header:hover {
  background: #ececec;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header.active {
  background: #0096f6;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header.active .peopleNum {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem header .peopleNum {
  font-size: .875rem;
  color: #666;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem .userList .userItem {
  height: 2.25rem;
  line-height: 2.25rem;
  cursor: default;
  font-size: .75rem;
  color: #333;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem .userList .userItem:hover {
  background: #ececec;
}
.task-main-container .companyRight .companyTeamView .companyTeamLeft .allList .groupList .groupItem .userList .userItem.active {
  background: #0096f6;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .companyRight .companyTeamView .companyTeamRight {
  background: #f5f7f9;
  position: absolute;
  top: 0;
  right: 0;
  left: 16.875rem;
  bottom: 0;
  min-width: 27.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3.375rem;
  border-bottom: 1px solid #eaeaea;
  background: #f6f7fb;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName {
  float: left;
  height: 1.25rem;
  margin-left: 1.875rem;
  margin-top: 1.125rem;
  width: 11.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName h3 {
  display: inline-block;
  margin: 0;
  max-width: 9.625rem;
  height: 100%;
  line-height: 1.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName i {
  display: none;
  font-size: 1.5rem;
  margin-top: 1.25rem;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName ul.dropdown-menu li {
  padding-left: 1.375rem;
  height: 2.125rem;
  line-height: 2.125rem;
  background: #fff;
  cursor: default;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .GroupCompanyName ul.dropdown-menu li:hover {
  background: #f5f5f5;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .groupBtnS {
  float: right;
  margin-top: .75rem;
  margin-right: 1.125rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupTop .groupBtnS .addUser {
  margin-right: 0.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain {
  position: absolute;
  top: 3.375rem;
  left: 0;
  bottom: 0;
  right: 0;
  background: #f6f7fb;
  overflow-x: hidden;
  overflow-y: auto;
  margin-left: .75rem;
  padding: 0.75rem 2.5rem 1.875rem 0;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable,
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr {
  width: 100%;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr:hover {
  background: #ddf1ff;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td {
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: .875rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.avatar {
  cursor: pointer;
  width: 10%;
  min-width: 2rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.avatar img {
  width: 2rem;
  height: 2rem;
  border-radius: 2px;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.realName {
  cursor: pointer;
  width: 15%;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.pro {
  width: 15%;
  max-width: 8.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.email {
  width: 30%;
  max-width: 14rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.phone {
  width: 20%;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.set {
  min-width: 2rem;
  width: 10%;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .groupMain table.groupMainTable tr td.set span {
  font-size: 14px;
  color: #0083d7;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 3.375rem;
  border-bottom: 1px solid #eaeaea;
  background: #f6f7fb;
  cursor: default;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop ul.userTopLeft {
  float: left;
  height: 3.375rem;
  line-height: 3.375rem;
  margin-left: 1rem;
  min-width: 15.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop ul.userTopLeft li {
  position: relative;
  display: block;
  float: left;
  margin-right: 1.5rem;
  width: 4.125rem;
  text-align: center;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop ul.userTopLeft li.active:after {
  content: '';
  height: 2px;
  background: #0689dd;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight {
  float: right;
  height: 100%;
  line-height: 100%;
  font-size: .75rem;
  color: #666;
  margin-right: 0.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR {
  height: 70%;
  width: 10.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR > span {
  display: block;
  float: right;
  margin-top: 1.25rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR > span.date {
  margin-right: 0.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR i {
  display: block;
  float: right;
  margin-top: .875rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu {
  width: 11.25rem;
  height: 18rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu li {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  color: #617a8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 1.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu li:hover {
  background: #f5f5f5;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .todoUTR ul.dropdown-menu li span.weekNum {
  float: right;
  margin-right: 1.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR {
  height: 70%;
  width: 10.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR > span {
  display: block;
  float: right;
  margin-top: 1.25rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR i {
  display: block;
  float: right;
  margin-top: .875rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu {
  width: 11.25rem;
  height: 18rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu li {
  text-align: left;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  color: #617a8b;
  padding-left: 1.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu li:hover {
  background: #f5f5f5;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .kanbanUTR ul.dropdown-menu li span.weekNum {
  float: right;
  margin-right: 1.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR {
  height: 70%;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR .OneDoc {
  display: block;
  float: right;
  margin-top: 1.25rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR i.icon-keyboard_arrow_down {
  display: block;
  float: right;
  margin-top: .875rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR span.doc-date-filter {
  display: block;
  float: right;
  margin-top: .875rem;
  cursor: pointer;
  margin-right: 0.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR span.doc-date-filter i {
  font-size: 1.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR > ul.dropdown-menu {
  width: 11.25rem;
  min-height: 2rem;
  right: -10px;
  max-height: 18rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR > ul.dropdown-menu li {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  color: #617a8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 1.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userTop .userTopRight .docUTR > ul.dropdown-menu li:hover {
  background: #f5f5f5;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain {
  position: absolute;
  top: 3.375rem;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: inherit;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain.blurFonts .docUD,
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain.blurFonts .kanbanUD,
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain.blurFonts .todoUD {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
  zoom: 1;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.27);
  text-align: center;
  z-index: 5;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv {
  height: 5.75rem;
  width: 16.25rem;
  position: absolute;
  left: 50%;
  top: 7.25rem;
  margin-left: -8.125rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv section {
  font-size: .75rem;
  color: #fd7d38;
  line-height: 28px;
  text-align: center;
  margin-bottom: 1rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .upVip {
  margin-right: 1.5rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .btn-orange {
  background: #fd7d38;
  color: #fff;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .btn-orange:hover {
  background: #fd660e;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .limitMask .limitDiv .btn-orange:active {
  background: #f1580d;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD {
  background-color: inherit;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut {
  background-color: inherit;
  border-bottom: 1px solid #ccc;
  margin: 1rem 1.75rem;
  padding-bottom: 0.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut li.weekHeader {
  font-size: .75rem;
  color: #617a8b;
  height: 1rem;
  line-height: 1rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut li.weekHeader .date,
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut li.weekHeader .dayInWeek {
  margin-right: 0.375rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl {
  margin-top: .375rem;
  background-color: inherit;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item {
  height: 2rem;
  line-height: 2rem;
  font-size: .75rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  margin-bottom: 2px;
  border-left: 3px solid;
  border-radius: 3px;
  padding-left: .625rem;
  cursor: default;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item:hover {
  background-color: #f2f2f2;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item .leftBox {
  background-color: inherit;
  float: left;
  margin-right: 0.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item .leftBox .diyCheckbox {
  cursor: default;
  top: 3px;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.IE {
  border-color: #ff5959;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.IU {
  border-color: #ffc32a;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.UE {
  border-color: #59aeff;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .todoUD ul.weekUlOut ul.weekUl li.item.UU {
  border-color: #2ad57d;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD {
  background-color: inherit;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD .noKanban {
  text-align: center;
  margin-top: 1rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl {
  background-color: inherit;
  margin: 1rem 1.75rem;
  padding-bottom: 0.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.kanbanHeader {
  font-size: .75rem;
  color: #617a8b;
  height: 2rem;
  line-height: 2rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item {
  background-color: inherit;
  height: 2rem;
  line-height: 2rem;
  cursor: default;
  border-radius: 2px;
  font-size: .75rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item:hover {
  background-color: #f2f2f2;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item .leftBox {
  background-color: inherit;
  float: left;
  margin-right: 0.625rem;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .kanbanUD ul.kanbanUl li.item .leftBox .diyCheckbox {
  cursor: default;
  top: 3px;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .docUD {
  padding: 0 10px;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .userMain .docUD .noDoc {
  text-align: center;
  margin-top: 1rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .doc-detail-wrap {
  position: absolute;
  top: 3.375rem;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: inherit;
}
.task-main-container .companyRight .companyTeamView .companyTeamRight .doc-detail-wrap .docDetail {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: inherit;
  padding: 0 3.375rem;
}
.task-main-container .groupItem.groupHelper header {
  background: #fff;
  cursor: default;
  height: 2.25rem;
  line-height: 2.25rem;
  padding-left: 1.5rem;
  font-size: .875rem;
  color: #333;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.task-main-container .groupItem.groupHelper header i {
  font-size: 1.5rem;
  position: relative;
  top: .25rem;
  cursor: pointer;
}
.task-main-container .groupItem.groupHelper header i.turnDown {
  color: #09f;
}
.task-main-container .groupItem.groupHelper header:hover {
  background: #ececec;
}
.task-main-container .groupItem.groupHelper header.active {
  background: #0096f6;
}
.task-main-container .groupItem.groupHelper header.active,
.task-main-container .groupItem.groupHelper header.active .peopleNum {
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .groupItem.groupHelper header .peopleNum {
  font-size: .875rem;
  color: #666;
}
.task-main-container .groupItem.groupHelper .userList {
  display: none !important;
}
.task-main-container .companyRight .companySettingView {
  width: 100%;
  height: 100%;
}
.task-main-container .companyRight .companySettingView .companySettingLeft {
  position: absolute;
  left: 0;
  width: 16.875rem;
  top: 0;
  bottom: 0;
  background: #fff;
}
.task-main-container .companyRight .companySettingView .companySettingLeft .companySettingHeader {
  width: 100%;
  height: 3.375rem;
  line-height: 3.375rem;
  padding-left: 5.75rem;
  font-size: .875rem;
  color: #333;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .companyRight .companySettingView .companySettingLeft .companySettingHeader i {
  font-size: 1.5rem;
  position: relative;
  top: .25rem;
  margin-right: 0.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingLeft ul.settingMenu {
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 3.375rem;
  bottom: 1rem;
}
.task-main-container .companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem {
  cursor: default;
  height: 3.5rem;
  line-height: 3.5rem;
  padding-left: 2.75rem;
  background: #fff;
  font-size: .75rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem.active {
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  background: #0f8ee5;
}
.task-main-container .companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem.active:hover {
  background: #0f8ee5;
}
.task-main-container .companyRight .companySettingView .companySettingLeft ul.settingMenu li.settingMenuItem:hover {
  background: #f5f5f5;
}
.task-main-container .companyRight .companySettingView .companyInfo {
  height: 27.75rem;
  width: 25rem;
  margin-top: 3.5rem;
  position: absolute;
  left: 50%;
  margin-left: -12.5rem;
}
.task-main-container .companyRight .companySettingView .companyInfo > table {
  width: 100%;
  height: 100%;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr {
  height: 4rem;
  line-height: 4rem;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.logo img {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.33);
  border-radius: 2px;
  width: 3rem;
  height: 3rem;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.name .nameInp {
  width: 18rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.area div {
  cursor: default;
  float: left;
  width: 5.5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin-right: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  padding: 0 0.625rem;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.area div:nth-last-child(1) {
  margin-right: 0;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.area div .default {
  font-size: .75rem;
  color: #666;
  float: right;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.industry .industryInp {
  cursor: default;
  width: 18rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.industry .industryInp i {
  font-size: 1.25rem;
  float: right;
  margin-top: .125rem;
  margin-right: .25rem;
  color: #657d8e;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.size .sizeInp {
  cursor: default;
  width: 18rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.size .sizeInp i {
  font-size: 1.25rem;
  float: right;
  margin-top: .125rem;
  margin-right: 0.25rem;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr.createTime .td2 {
  font-size: .75rem;
  color: #666;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr td {
  text-align: left;
}
.task-main-container .companyRight .companySettingView .companyInfo > table tr td.td1 {
  width: 6.75rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight {
  background: #f6f7fb;
  position: absolute;
  top: 0;
  right: 0;
  left: 16.875rem;
  bottom: 0;
  min-width: 27.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo {
  height: 27.75rem;
  width: 25rem;
  margin-top: 3.5rem;
  margin-left: 6.125rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table {
  width: 100%;
  height: 100%;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr {
  height: 4rem;
  line-height: 4rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.logo .theImg {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  position: relative;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.logo .theImg img {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.33);
  border-radius: 2px;
  width: 3rem;
  height: 3rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.logo .theImg .loadIcon {
  position: absolute;
  top: 0;
  left: 0;
  width: 3rem;
  height: 3rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.logo .upLoad {
  font-size: .75rem;
  color: #333;
  color: #0f8ee5;
  margin-left: 1.375rem;
  cursor: pointer;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.logo .upLoad .upLoadInp {
  display: none;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.name .nameInp {
  width: 18rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.area div {
  cursor: pointer;
  float: left;
  width: 5.5rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin-right: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  padding: 0 0.625rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.area div:nth-last-child(1) {
  margin-right: 0;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.area div .default {
  font-size: .75rem;
  color: #666;
  float: right;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.industry .industryInp {
  cursor: pointer;
  width: 18rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.industry .industryInp i {
  font-size: 1.25rem;
  float: right;
  margin-top: .125rem;
  margin-right: .25rem;
  color: #657d8e;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.size .sizeInp {
  cursor: pointer;
  width: 18rem;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.size .sizeInp i {
  font-size: 1.25rem;
  float: right;
  margin-top: .125rem;
  margin-right: 0.25rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr.createTime .td2 {
  font-size: .75rem;
  color: #666;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr td {
  text-align: left;
}
.task-main-container .companyRight .companySettingView .companySettingRight .bassInfo > table tr td.td1 {
  width: 6.75rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority {
  margin-bottom: 2rem;
  width: 24.875rem;
  margin-left: 6.375rem;
  margin-top: 3.375rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .setAdmin > header {
  font-size: .875rem;
  color: #617a8b;
  margin-bottom: 0.75rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li {
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li img {
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 2.5rem;
  float: left;
  margin-top: 0.375rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li span.name {
  float: left;
  min-width: 16rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .setAdmin .adminUl li span.shenFen {
  float: right;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .setAdmin i.icon-add_circle {
  font-size: 1.75rem;
  color: #ddf1ff;
  position: relative;
  left: -2px;
  top: .25rem;
  cursor: pointer;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .attorn {
  margin-top: 2.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .attorn > header {
  font-size: .875rem;
  color: #617a8b;
  margin-bottom: 0.75rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li {
  height: 2.8125rem;
  line-height: 2.8125rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li .companyOwner {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  width: 14.875rem;
  height: 1.75rem;
  line-height: 1.75rem;
  float: right;
  padding-left: .375rem;
  cursor: pointer;
  margin-top: 0.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li .pswInp {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  width: 10.625rem;
  height: 1.75rem;
  line-height: 1.75rem;
  float: right;
  font-size: .75rem;
  color: #666;
  margin-right: .625rem;
  padding-left: .375rem;
  margin-top: 0.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .attorn .attornUl li .giveComp {
  float: right;
  margin-top: 0.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany {
  margin-top: 2.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany > header,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany > header {
  font-size: .875rem;
  color: #617a8b;
  margin-bottom: 0.75rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany .content,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany .content {
  height: 2.625rem;
  line-height: 1.3125rem;
  font-size: .75rem;
  color: #666;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany .deleteBtn,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany .outCompanyBtn,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany .deleteBtn,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany .outCompanyBtn {
  margin-top: 0.875rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany .deleteView,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany .deleteView {
  height: 2.8125rem;
  line-height: 2.8125rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany .deleteView .deletePswInp,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany .deleteView .deletePswInp {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  width: 10.625rem;
  height: 1.75rem;
  line-height: 1.75rem;
  float: right;
  font-size: .75rem;
  color: #666;
  margin-right: .625rem;
  padding-left: .375rem;
  margin-top: 0.5rem;
}
.task-main-container .companyRight .companySettingView .companySettingRight .authority .delCompany .deleteView .deleteCompany,
.task-main-container .companyRight .companySettingView .companySettingRight .authority .outCompany .deleteView .deleteCompany {
  float: right;
  margin-top: 0.5rem;
}
.task-main-container .areaUl,
.task-main-container .industryUl,
.task-main-container .sizeUl {
  max-height: 15rem;
  width: 11.25rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .areaUl li.areaItem,
.task-main-container .areaUl li.industryItem,
.task-main-container .areaUl li.sizeItem,
.task-main-container .industryUl li.areaItem,
.task-main-container .industryUl li.industryItem,
.task-main-container .industryUl li.sizeItem,
.task-main-container .sizeUl li.areaItem,
.task-main-container .sizeUl li.industryItem,
.task-main-container .sizeUl li.sizeItem {
  cursor: default;
  width: 100%;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .75rem;
  color: #617a8b;
  padding-left: 1.375rem;
}
.task-main-container .areaUl li.areaItem:hover,
.task-main-container .areaUl li.industryItem:hover,
.task-main-container .areaUl li.sizeItem:hover,
.task-main-container .industryUl li.areaItem:hover,
.task-main-container .industryUl li.industryItem:hover,
.task-main-container .industryUl li.sizeItem:hover,
.task-main-container .sizeUl li.areaItem:hover,
.task-main-container .sizeUl li.industryItem:hover,
.task-main-container .sizeUl li.sizeItem:hover {
  background: #f5f5f5;
}
.task-main-container .companyRight {
  position: absolute;
  left: 0;
  right: 0;
  top: 64px;
  bottom: 1.875rem;
  background: #f2f6fb;
  opacity: 0;
}
.task-main-container .setPop {
  background: #fff;
  width: 28.75rem;
  height: 15rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -14.375rem;
  margin-top: -7.5rem;
}
.task-main-container .setPop header {
  cursor: default;
  position: relative;
  height: 3.25rem;
  line-height: 3.25rem;
  width: 100%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: .875rem;
  color: #333;
}
.task-main-container .setPop header i {
  cursor: pointer;
  position: absolute;
  display: block;
  float: right;
  color: #0689dd;
  font-size: 1.375rem;
  right: .875rem;
  top: 1rem;
}
.task-main-container .setPop .setPopContent {
  width: 25rem;
  margin-left: 1.875rem;
  margin-top: 1rem;
}
.task-main-container .setPop .setPopContent ul li {
  margin-bottom: 1.625rem;
  height: 1.875rem;
}
.task-main-container .setPop .setPopContent ul li .pLeft {
  height: 100%;
  float: left;
  max-width: 6.25rem;
  font-size: .875rem;
  color: #333;
  cursor: default;
}
.task-main-container .setPop .setPopContent ul li .inputRight {
  float: right;
  width: 18.125rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  height: 1.875rem;
}
.task-main-container .setPop .setPopContent ul li .inputRight input {
  padding-left: .5rem;
  border: none;
  width: 100%;
  height: 100%;
  line-height: 100%;
}
.task-main-container .setPop .setPopContent ul li .pRight {
  cursor: default;
  float: right;
  padding-left: .5rem;
  width: 18.125rem;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: .75rem;
  color: #a3a3a3;
}
.task-main-container .setPop .setPopContent ul li .pRight .icon-keyboard_arrow_down {
  float: right;
  margin-top: .125rem;
  font-size: 1.5rem;
}
.task-main-container .setPop .setPopContent ul li .pRight.dept {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .setPop .setPopContent ul li .pRight.dept:hover {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.task-main-container .setPop .setPopContent ul li .pRight.dept .partName {
  font-size: .75rem;
  color: #333;
}
.task-main-container .setPop .setPopContent ul li .pRight.realName {
  width: 13.4375rem;
}
.task-main-container .setPop .setPopContent ul li .deletePerson {
  float: right;
  width: 3.75rem;
  height: 1.875rem;
  padding: 7px 5px;
  margin-left: 0.9375rem;
}
.task-main-container .userLimit {
  background: #fff;
  width: 450px;
  height: 350px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -225px;
  margin-top: -175px;
}
.task-main-container .userLimit i {
  cursor: pointer;
  position: absolute;
  display: block;
  float: right;
  color: #a3a3a3;
  font-size: 1.375rem;
  right: .875rem;
  top: 0.875rem;
}
.task-main-container .userLimit .buildingPic {
  position: absolute;
  width: 63px;
  height: 65px;
  background: url("https://res-front-cdn.rishiqing.com/common/img/pay/%E5%85%AC%E5%8F%B8.png");
  top: 64px;
  left: 50%;
  margin-left: -31px;
}
.task-main-container .userLimit h2 {
  font-size: 18px;
  color: #333;
  top: 150px;
  display: block;
  width: 100%;
}
.task-main-container .userLimit .info,
.task-main-container .userLimit h2 {
  position: absolute;
  text-align: center;
}
.task-main-container .userLimit .info {
  font-size: .75rem;
  color: #a3a3a3;
  width: 280px;
  height: 40px;
  line-height: 20px;
  top: 202px;
  left: 50%;
  margin-left: -140px;
}
.task-main-container .userLimit .buyBtn {
  width: 90px;
  background: #1ba4ff;
  text-align: center;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  position: absolute;
  bottom: 43px;
  left: 50%;
  margin-left: -45px;
  cursor: pointer;
}
.task-main-container .userLimit .buyBtn :hover {
  background: #32adff;
}
.task-main-container .popover-content .companyChangeGroupList {
  width: 11.25rem;
}
.task-main-container .popover-content .companyChangeGroupList li {
  cursor: default;
  height: 2.25rem;
  line-height: 2.25rem;
  width: 100%;
  overflow: hidden;
}
.task-main-container .popover-content .companyChangeGroupList li i {
  display: none;
  float: right;
  font-size: 1.25rem;
  margin-top: .4rem;
  margin-right: .9rem;
  color: #0689dd;
}
.task-main-container .popover-content .companyChangeGroupList li.active i {
  display: block;
}
.task-main-container .popover-content .companyChangeGroupList li:hover {
  background: #f5f5f5;
}
.task-main-container .createCompany1 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.task-main-container .createCompany1 .companyTopView {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 6.25rem;
  line-height: 6.25rem;
  background: #1889d3;
  box-shadow: 0 1px 1px 0 #1889d3;
  text-align: center;
}
.task-main-container .createCompany1 .companyTopView h3 {
  opacity: 0;
  margin-top: 2.125rem;
}
.task-main-container .createCompany1 .bottomView {
  position: absolute;
  top: 6.25rem;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  background: #ddf1ff;
  min-height: 31.25rem;
}
.task-main-container .createCompany1 .bottomView .notPic {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.task-main-container .createCompany1 .bottomView .notPic .direct {
  font-size: .875rem;
  color: #333;
  line-height: 1.75rem;
  text-align: center;
  height: 3.5rem;
  width: 36.25rem;
  margin: 2.25rem auto 0.25rem;
}
.task-main-container .createCompany1 .bottomView .notPic .feeText {
  font-size: .75rem;
  color: #666;
}
.task-main-container .createCompany1 .bottomView .notPic .feeText .seeMore {
  cursor: pointer;
  color: #0f8ee5;
}
.task-main-container .createCompany1 .bottomView .notPic .btn-primary {
  margin-top: 1.875rem;
}
.task-main-container .createCompany1 .bottomView .bottomPic {
  opacity: 0;
  width: 43.75rem;
  height: 20rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -21.875rem;
  background: url(https://res-front-cdn.timetask.cn/release/images/createCompany.3668c60f23.png) no-repeat;
}
.task-main-container .createCompany2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.task-main-container .createCompany2 .headline-white-primary {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 6.25rem;
  line-height: 6.25rem;
  background: #0083d7;
  box-shadow: 0 1px 1px 0 #0083d7;
  text-align: center;
}
.task-main-container .createCompany2 .bottomView {
  position: absolute;
  top: 6.25rem;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: left;
  background: #ddf1ff;
  min-height: 31.25rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer {
  width: 62rem;
  height: 23.125rem;
  position: absolute;
  left: 50%;
  margin-left: -31rem;
  margin-top: 3rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft {
  float: left;
  width: 22.25rem;
  height: 100%;
  margin-top: 3.25rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft .directItem {
  height: 7.375rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft .directItem .leftIcon {
  float: left;
  font-size: 2.5rem;
  color: #0f8ee5;
  margin-right: 2.25rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft .directItem .leftIcon.icon-view_quilt {
  font-size: 3rem;
  position: relative;
  top: -5px;
  left: -2px;
  margin-right: 1.875rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft .directItem .rightCont {
  float: left;
  text-align: left;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft .directItem .rightCont header {
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .directLeft .directItem .rightCont .shortCont {
  font-size: .75rem;
  color: #666;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight {
  float: right;
  width: 22rem;
  height: 100%;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr {
  height: 3.375rem;
  line-height: 3.375rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr .td1 {
  width: 6.75rem;
  font-size: .875rem;
  color: #333;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr .td2 {
  width: 15rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.name .nameInp {
  font-size: .75rem;
  color: #333;
  width: 100%;
  line-height: 1.875rem;
  height: 1.875rem;
  margin-top: .75rem;
  padding-left: .8125rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div {
  cursor: pointer;
  float: left;
  width: 4.5625rem;
  height: 1.75rem;
  line-height: 1.75rem;
  margin-right: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  padding: 0 .625rem;
  font-size: .75rem;
  color: #333;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div .value {
  width: 2.25rem;
  overflow: hidden;
  display: block;
  height: 14px;
  line-height: 14px;
  margin-top: 7px;
  float: left;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div:nth-last-child(1) {
  margin-right: 0;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.area div .default {
  font-size: .75rem;
  color: #666;
  float: right;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.industry .industryInp {
  cursor: pointer;
  width: 100%;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.industry .industryInp i {
  font-size: 1.25rem;
  float: right;
  margin-top: .125rem;
  margin-right: 0.25rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.size .sizeInp {
  cursor: pointer;
  width: 100%;
  height: 1.75rem;
  line-height: 1.75rem;
  padding-left: .625rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 2px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.size .sizeInp i {
  font-size: 1.25rem;
  float: right;
  margin-top: .125rem;
  margin-right: 0.25rem;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.tel .telInp {
  font-size: .75rem;
  color: #333;
  width: 100%;
  line-height: 1.875rem;
  height: 1.875rem;
  margin-top: .75rem;
  padding-left: .8125rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.yzMa {
  display: none;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.yzMa .vCode {
  float: left;
  width: 6.75rem;
  height: 1.875rem;
  line-height: 1.875rem;
  padding-left: .8125rem;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .createCompany2 .bottomView .bottomContainer .inputRight .createTable tbody tr.yzMa .sendVCode {
  float: right;
  border-radius: 3px;
  padding: .375rem .6875rem;
  width: 6.75rem;
}
.task-main-container #companyPreLoad {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ddd;
  text-align: center;
  z-index: 3000;
}
.task-main-container #companyPreLoad h1 {
  margin-top: 3rem;
}
.task-main-container .teamInviteDialog .container .body .userListContainer .font {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.task-main-container .teamInviteDialog .container .body .userListContainer .userList {
  margin-top: 8px;
}
.task-main-container .inviteUserItem {
  width: 100%;
  height: 43px;
  -ms-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
  font-size: 12px;
  display: none;
}
.task-main-container .inviteUserItem > ul li {
  float: left;
}
.task-main-container .inviteUserItem > ul .avatarLi {
  width: 58px;
}
.task-main-container .inviteUserItem > ul .avatarLi img {
  width: 33px;
  height: 33px;
  margin-top: 3px;
}
.task-main-container .inviteUserItem > ul .userNameLi {
  width: 60%;
  color: rgba(0, 0, 0, 0.54);
  line-height: 43px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.task-main-container .inviteUserItem > ul .operateLi {
  width: 25%;
  line-height: 43px;
  text-align: right;
  color: #65a2c9;
  float: right;
}
.task-main-container .inviteUserItem > ul .operateLi > div > span {
  cursor: pointer;
}
.task-main-container .inviteUserItem > ul .operateLi > div > span:hover {
  color: #1784ba;
}
.task-main-container .inviteUserItem > ul .operateLi > div .left {
  margin-right: 12px;
}
.task-main-container .teamInviteDialogView {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2000;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .teamInviteDialogView input:-moz-placeholder,
.task-main-container .teamInviteDialogView input::-moz-placeholder,
.task-main-container .teamInviteDialogView textarea:-moz-placeholder,
.task-main-container .teamInviteDialogView textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.task-main-container .teamInviteDialogView input:-ms-input-placeholder,
.task-main-container .teamInviteDialogView textarea:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.task-main-container .teamInviteDialogView .loadingMask {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
}
.task-main-container .teamInviteDialogView .alertMessage {
  display: none;
  position: absolute;
  min-width: 200px;
  max-width: 460px;
  padding: 0 20px;
  height: 75px;
  line-height: 75px;
  top: 250px;
  left: 50%;
  background: #fff;
  -ms-box-shadow: 0 1px 17px 7px rgba(0, 0, 0, 0.13);
  -o-box-shadow: 0 1px 17px 7px rgba(0, 0, 0, 0.13);
  box-shadow: 0 1px 17px 7px rgba(0, 0, 0, 0.13);
  transform: translate(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  border-radius: 3px;
  z-index: 4;
  text-align: center;
  cursor: pointer;
}
.task-main-container .teamInviteDialogView .alertMessage .msg {
  font-size: 15px;
  color: #30a2da;
  cursor: pointer;
}
.task-main-container .teamInviteDialogView .top-notice {
  font-size: 12px;
  color: #30a2da;
  margin-left: 5px;
  float: left;
}
.task-main-container .teamInviteDialogView .top-notice.top-notice2 {
  margin-left: 11px;
}
.task-main-container .teamInviteDialogView .QRCode {
  display: none;
  text-align: center;
}
.task-main-container .teamInviteDialogView .QRCode img {
  margin-bottom: 13px;
}
.task-main-container .teamInviteDialogView .QRCode p {
  margin-bottom: 0;
}
.task-main-container .teamInviteDialogView .QRCode p + p {
  margin-top: 11px;
}
.task-main-container .teamInviteDialogView .invite_loading {
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 6;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask {
  position: fixed!important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header {
  height: auto;
  width: 100%;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .top {
  height: 45px;
  width: 100%;
  text-align: center;
  line-height: 45px;
  position: relative;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .top .font {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.54);
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .top .cancel {
  position: absolute;
  top: .375rem;
  right: 15px;
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .top .cancel:hover {
  color: #000;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav {
  height: 48px;
  background: #f8f8f8;
  border: 1px solid #eaeaea;
  width: 100%;
  line-height: 31px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav > ul {
  width: 100%;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav > ul li {
  float: left;
  width: 25%;
  text-align: center;
  color: #a3a3a3;
  font-size: 12px;
  position: relative;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav > ul li + li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  width: 1px;
  height: 24px;
  background-color: #eaeaea;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav > ul li > span {
  cursor: pointer;
  line-height: 48px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav > ul li > span:hover {
  color: #1784ba;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .header .nav > ul .active > span {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .inviteDialogHeader.header {
  position: fixed!important;
  top: 0;
  left: 50%;
  z-index: 3;
  -ms-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
  -o-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.13);
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .inviteDialogHeader.header,
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog {
  width: 560px;
  background: #fff;
  transform: translate(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog {
  position: absolute;
  top: 80px;
  left: 50vw;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 3px;
  z-index: 2;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body {
  margin-top: 2px;
  min-height: 230px;
  -ms-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
  padding: 20px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .isNotMember {
  display: block;
  height: 200px;
  line-height: 200px;
  text-align: center;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .isNotMember a {
  color: #00f;
  text-decoration: none;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink {
  display: none;
  font-size: 13px;
  margin-left: 10px;
  margin-top: 15px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink > span {
  display: block;
  float: left;
  margin-top: 5px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink > ul {
  float: left;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink > ul > li {
  float: left;
  width: 27px;
  height: 27px;
  margin-left: 10px;
  cursor: pointer;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink .wxShare {
  background: url(https://res-front-cdn.timetask.cn/release/images/weChart.97101fb495.png) no-repeat 0 0;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .shareLink .qqShare {
  background: url(https://res-front-cdn.timetask.cn/release/images/QQ.be8cf4f541.png) no-repeat 0 0;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .switchBody {
  margin-top: 25px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv {
  border: 1px solid #ededed;
  padding: 5px 5px 5px 11px;
  -ms-box-sizing: inherit;
  -o-box-sizing: inherit;
  box-sizing: inherit;
  border-radius: 3px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv.copyInput {
  border: none;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv > input {
  border: 0;
  width: 80%;
  height: 22px;
  font-size: 12px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv .copy-input {
  width: calc(38%) !important;
  border: 1px solid #ededed;
  padding: 14px 4px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv .copy-input + span.copy-url {
  margin-top: 1px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv #invite_copy_text {
  color: rgba(0, 0, 0, 0.4);
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv #inviteBtn1,
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .inputDiv .inviteBtn1 {
  float: right;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .butchInviteText textarea {
  resize: none;
  width: 100%;
  height: 176px;
  border: 1px solid #ededed;
  border-radius: 3px;
  padding: 10px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .butchInviteText .butchBottom {
  margin-top: 26px;
  height: 24px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .butchInviteText .butchBottom .butchInvite {
  position: absolute;
  margin-top: 45px;
  margin-left: 234px;
  display: block;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .notice {
  display: block;
  font-size: 12px;
  color: #30a2da;
  margin-left: 5px;
  float: left;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept {
  margin-top: 21px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept:after {
  content: '';
  display: table;
  clear: both;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown,
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept > span {
  float: left;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept > span {
  line-height: 29px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown {
  margin: 0 30px 0 7px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-toggle {
  border: 1px solid #eaeaea;
  border-radius: 2px;
  padding: 3px 9px;
  overflow: hidden;
  width: 140px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-toggle .dept-info {
  color: #626263;
  cursor: default;
  width: 90px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-toggle i {
  margin-top: -3px;
  font-size: 24px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu {
  margin-left: -23px;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 180px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .slide {
  font-family: icomoon !important;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu > li:nth-last-child(1) {
  margin-left: 10px;
  padding-left: 14px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu > ul > .slide,
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu > ul > input {
  display: none;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul > li {
  padding-left: 14px !important;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul > ul {
  position: relative;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul > li,
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu ul > ul {
  padding-left: 10px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item {
  max-width: 100%;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item + input[type=checkbox] {
  width: 20px;
  opacity: 0;
  position: absolute;
  top: 1px;
  left: 0;
  height: 40px;
  z-index: 10;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item + input[type=checkbox] + .slide:before {
  content: "\E5C5";
  position: absolute;
  font-size: 24px;
  top: 7px;
  left: 4px;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item + input[type=checkbox]:checked + .slide:before {
  content: "\E5C7";
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .invite-to-dept .dropdown .dropdown-menu .dropdown-item + input[type=checkbox]:checked + .slide + ul {
  display: none;
}
.task-main-container .teamInviteDialogView .teamInviteDialogMask .teamInviteDialog .container .body .userListContainer {
  min-height: 100px;
  width: 100%;
  margin-top: 35px;
}
.task-main-container .teamInviteDialogView .btn-primary {
  margin-right: -3px;
  margin-top: -3px;
}
.task-main-container .storageBox {
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0;
  left: 0;
  right: 0;
}
.task-main-container .storageBox header {
  width: 100%;
  height: 64px;
  text-align: center;
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.96);
  color: #fff;
}
.task-main-container .storageBox header i {
  font-size: 1rem;
  position: relative;
  top: 0.125rem;
}
.task-main-container .storageBox #buttonDiv {
  margin-top: 0;
  display: block;
  width: 100%;
  height: 2.625rem;
  padding: 0 1.125rem;
}
.task-main-container .storageBox #buttonDiv #storageAddBtn {
  display: block;
  line-height: 2.625rem;
  outline: none;
  width: 100%;
  padding-left: 1rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  text-align: left;
  border: none;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  color: #fff;
}
.task-main-container .storageBox #buttonDiv #storageAddBtn i {
  margin-right: .7rem;
  font-size: 1rem;
  position: relative;
  top: 0.125rem;
}
.task-main-container .storageBox #storageAddInputLi {
  width: 100%;
  padding: 0 4.125rem 0 1rem;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  height: 2.625rem;
  text-align: left;
  border: none;
  position: relative;
}
.task-main-container .storageBox #storageAddInputLi input {
  width: 100%;
  border: none;
  background: none;
  line-height: 2.625rem;
}
.task-main-container .storageBox #storageAddInputLi input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.54);
}
.task-main-container .storageBox #storageAddInputLi input:-moz-placeholder,
.task-main-container .storageBox #storageAddInputLi input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.54);
}
.task-main-container .storageBox #storageAddInputLi input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.54);
}
.task-main-container .storageBox #storageUlDiv {
  position: absolute;
  top: 110px;
  bottom: 0;
  left: 1.125rem;
  right: 0;
  overflow: hidden;
}
.task-main-container .storageBox #storageUlDiv ul {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: .625rem;
  right: 6px;
}
.task-main-container .storageBox #storageUlDiv ul li.my_placeholder {
  height: 2.625rem;
  line-height: 2.625rem;
  width: 275px;
  margin-bottom: .25rem;
  cursor: default;
  position: relative;
}
.task-main-container .storageBox #storageUlDiv ul li.my_placeholder:after {
  content: ' ';
  display: block;
  border-radius: 3px;
  width: 275px;
  height: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
}
.task-main-container .storageBox #storageUlDiv ul li.item {
  padding-right: 7px;
  height: 2.625rem;
  line-height: 2.625rem;
  width: 275px;
  margin-bottom: .25rem;
  cursor: default;
  position: relative;
}
.task-main-container .storageBox #storageUlDiv ul li.item.itemAnimated {
  -webkit-animation: itemAction .3s;
  animation: itemAction .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.task-main-container .storageBox #storageUlDiv ul li.item.itemCloseAnimated {
  -webkit-animation: itemCloseAction .3s;
  animation: itemCloseAction 0.3s;
}
@-webkit-keyframes itemAction {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes itemCloseAction {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
}
.task-main-container .storageBox #storageUlDiv ul li.fixLi {
  position: absolute;
  bottom: 0;
  top: auto;
  width: 0;
  height: 0;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem {
  background: #1384d5;
  border-radius: 3px;
  width: 275px;
  height: 100%;
  position: relative;
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem .tomato-clock-trigger {
  display: none;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem:hover {
  background: #2a90d9;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem .ItemLeft {
  display: none;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1rem;
  right: 2rem;
  color: #dbecf8;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem .itemIcon {
  color: rgba(255, 255, 255, 0.36);
  border-radius: 2.5px;
  width: 1.25rem;
  height: 1.25rem;
  float: right;
  font-size: 1.5rem;
  margin-right: .75rem;
  margin-top: 0.5rem;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem .avatar {
  float: right;
  border-radius: 2px;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .625rem;
  margin-top: 0.5625rem;
}
.task-main-container .storageBox #storageUlDiv ul li .taskItem .delayIcon {
  display: none;
}
.task-main-container .storageBox hr {
  position: absolute;
  bottom: 10px;
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  left: 0;
  right: 0;
}
.task-main-container li.storageSortHelper {
  background: #1384d5;
  border-radius: 3px;
  width: 100%;
  height: 2.625rem;
  line-height: 2.625rem;
  padding-left: 1rem;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  cursor: default;
}
.task-main-container li.storageSortHelper .tomato-clock-trigger {
  display: none;
}
.task-main-container li.storageSortHelper.calendarHelper {
  background: rgba(19, 132, 213, 0.5);
}
.task-main-container li.storageSortHelper:hover {
  background: #2a90d9;
}
.task-main-container li.storageSortHelper div.taskItem {
  width: 100%;
  height: 100%;
  position: relative;
  background: #1384d5;
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container li.storageSortHelper div.taskItem .ItemLeft {
  display: none;
}
.task-main-container li.storageSortHelper div.taskItem span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 2rem;
}
.task-main-container li.storageSortHelper div.taskItem .itemIcon {
  color: rgba(255, 255, 255, 0.36);
  border-radius: 2.5px;
  width: 1.25rem;
  height: 1.25rem;
  float: right;
  font-size: 1.5rem;
  margin-right: .75rem;
  margin-top: 0.5rem;
}
.task-main-container li.storageSortHelper div.taskItem .avatar {
  float: right;
  border-radius: 2px;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .625rem;
  margin-top: 0.5625rem;
}
.task-main-container li.storageSortHelper div.taskItem .delayIcon {
  display: none;
}
.task-main-container li.storageSortHelper.item {
  font-size: .8125rem;
  color: rgba(255, 255, 255, 0.96);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .weatherAndSwitchView {
  position: absolute;
  opacity: 0;
  left: 0;
  right: 0;
}
.task-main-container .weatherAndSwitchView .weather {
  float: left;
  height: 3.75rem;
  width: 18.75rem;
  opacity: 0;
}
.task-main-container .weatherAndSwitchView .weather.opa1 {
  opacity: 1;
}
.task-main-container .weatherAndSwitchView .weather #weatherPic {
  float: left;
  width: 40px;
  height: 40px;
  margin-top: 16px;
  background-size: contain;
  background-repeat: no-repeat;
}
.task-main-container .weatherAndSwitchView .weather .sunny {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/sunny.1c8ca93298.png);
}
.task-main-container .weatherAndSwitchView .weather .cloudy {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/moreCloud.32a79d32b3.png);
}
.task-main-container .weatherAndSwitchView .weather .littleRain {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/littleRain.c748a4b47c.png);
}
.task-main-container .weatherAndSwitchView .weather .bigRain {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/bigRain.4038fef251.png);
}
.task-main-container .weatherAndSwitchView .weather .windy {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/wind.7e131d2124.png);
}
.task-main-container .weatherAndSwitchView .weather .snow {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/snow.780b8b80f0.png);
}
.task-main-container .weatherAndSwitchView .weather .sha {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/sunny.1c8ca93298.png);
}
.task-main-container .weatherAndSwitchView .weather p {
  margin-top: 22px;
  margin-left: .625rem;
  float: left;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .weatherAndSwitchView .switch3Ul {
  float: right;
  opacity: 1;
  margin-right: 0;
}
.task-main-container .weatherAndSwitchView .monthBar {
  float: left;
  height: 2rem;
  width: 20rem;
  margin-top: 16px;
  opacity: 0;
}
.task-main-container .weatherAndSwitchView .monthBar.opa1 {
  opacity: 1;
}
.task-main-container .weatherAndSwitchView .monthBar .thisMonth {
  display: inline-block;
  width: 7.4rem;
  line-height: 2rem;
  text-align: center;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
  vertical-align: top;
}
.task-main-container .weatherAndSwitchView .monthBar .toMonth {
  display: inline-block;
  margin-left: 1.3125rem;
}
.task-main-container .weatherAndSwitchView .weekBar {
  float: left;
  height: 2rem;
  width: 23rem;
  margin-top: 14px;
  opacity: 0;
}
.task-main-container .weatherAndSwitchView .weekBar.opa1 {
  opacity: 1;
}
.task-main-container .weatherAndSwitchView .weekBar .thisWeek {
  display: inline-block;
  width: 10.4rem;
  line-height: 2rem;
  text-align: center;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .weatherAndSwitchView .weekBar .toWeek {
  display: inline-block;
  margin-left: 1.3125rem;
}
.task-main-container .todoView {
  height: 100%;
}
.task-main-container .todoView .dayView {
  position: absolute;
  top: 64px;
  bottom: 2rem;
  opacity: 0;
  left: 0;
  right: 0;
  min-width: 40.375rem;
}
.task-main-container .todoView .dayView.not-today .tomato-clock-trigger {
  display: none !important;
}
.task-main-container .todoView .dayView:not(.not-today) .item:not(.finishedItem) .taskItem:hover .ItemContent,
.task-main-container .todoView .dayView:not(.not-today) .item:not(.finishedItem) .taskItem:hover .ItemDelayContent {
  width: calc(-13%) !important;
  right: auto !important;
}
.task-main-container .todoView .dayView.opa1 {
  opacity: 1;
}
.task-main-container .todoView .dayView .load {
  color: #1ba4ff;
  font-size: 2.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  -webkit-animation: spin .8s infinite linear;
  animation: spin 0.8s infinite linear;
}
.task-main-container .todoView .dayView .dayViewCalendar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 3.625rem;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.23);
  border-radius: 3px;
}
.task-main-container .todoView .dayView .dayViewCalendar:hover .leftHandel {
  background: rgba(27, 164, 255, 0.35);
}
.task-main-container .todoView .dayView .dayViewCalendar .leftHandel {
  border-radius: 3px 0 0 3px;
  -webkit-transition: all .3s;
  transition: all .3s;
  position: absolute;
  left: 0;
  top: 0;
  width: .5rem;
  bottom: 0;
  background: #fafafa;
  z-index: 6;
  cursor: pointer;
}
.task-main-container .todoView .dayView .dayViewCalendar .leftHandel .iconArr {
  position: absolute;
  left: .75rem;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-left: none;
  border-bottom: 3px solid transparent;
  border-right: 6px solid;
  border-right-color: #1ba4ff;
  z-index: 7;
}
.task-main-container .todoView .dayView .dayViewCalendar.expandToBigCalendar {
  -webkit-animation: expendToBig .4s;
  animation: expendToBig .4s;
  width: 14.25rem;
}
@-webkit-keyframes expendToBig {
  0% {
    width: 3.625rem;
  }
  to {
    width: 14.25rem;
  }
}
@keyframes expendToBig {
  0% {
    width: 3.625rem;
  }
  to {
    width: 14.25rem;
  }
}
.task-main-container .todoView .dayView .dayViewCalendar i.iconArr {
  color: #75818d;
  cursor: pointer;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  position: absolute;
  left: 50%;
  margin-left: -0.75rem;
}
.task-main-container .todoView .dayView .dayViewCalendar i.iconArr.icon-keyboard_arrow_up {
  top: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewCalendar i.iconArr.icon-keyboard_arrow_down {
  bottom: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewCalendar i.calendarCircle {
  width: 1.75rem;
  height: .75rem;
  background: url(https://res-front-cdn.timetask.cn/release/images/calendarCircle.0365368e98.png) no-repeat;
  background-size: cover;
  position: absolute;
  right: -1rem;
}
.task-main-container .todoView .dayView .dayViewCalendar i.calendarCircle.cc1 {
  top: 2.25rem;
}
.task-main-container .todoView .dayView .dayViewCalendar i.calendarCircle.cc2 {
  bottom: 2.25rem;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl {
  position: absolute;
  top: 2rem;
  bottom: 2rem;
  left: 0;
  right: 0;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) {
  cursor: default;
  position: relative;
  width: 100%;
  height: 9.091%;
  vertical-align: middle;
  text-align: center;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem):hover:before {
  content: attr(data-week);
  position: absolute;
  top: 50%;
  left: 11px;
  width: 2.25rem;
  height: 2.25rem;
  margin-top: -1.125rem;
  border-radius: 50%;
  background: #f2f2f2;
  line-height: 2.25rem;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem):hover > span {
  display: none;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 1.875rem;
  height: 1.875rem;
  display: inline-block;
  border-radius: 50%;
  font-size: .75rem;
  color: #617a8b;
  text-align: center;
  line-height: 1.875rem;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.active {
  cursor: default;
  background: #1ba4ff;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.active:hover {
  background: #32adff;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.active:after {
  content: attr(data-week);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
  background: #32adff;
  line-height: 2rem;
  box-shadow: none;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  display: none;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span:before {
  content: '';
  background: #1ba4ff;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  position: absolute;
  right: 4px;
  top: 6px;
  display: none;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span:after {
  content: attr(data-week);
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: 50%;
  line-height: 2rem;
  background: #f2f2f2;
  font-size: .75rem;
  color: #333;
  box-shadow: none;
  display: none;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.hasDian:before {
  display: block;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.dropActive {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.23);
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.dropHover {
  background: #ed736a;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.dropHover.dropActive {
  box-shadow: none;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li:not(.notItem) > span.dropHover:after {
  display: inline-block;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  width: 3.625rem;
  height: 9.091%;
  text-align: center;
  z-index: 3;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#showMonth {
  top: 0;
  display: none;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#showMonth:after {
  content: '';
  width: 1.875rem;
  height: 1.375rem;
  background: #fff;
  position: absolute;
  top: -0.125rem;
  left: 0.875rem;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#gotoToday {
  bottom: 0;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem#gotoToday:after {
  content: '';
  width: 1.875rem;
  height: 1.375rem;
  background: #fff;
  position: absolute;
  bottom: -0.125rem;
  left: 0.875rem;
}
.task-main-container .todoView .dayView .dayViewCalendar ul.dayViewCalendarUl li.notItem span {
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.9375rem;
  left: 50%;
  margin-left: -0.9375rem;
  width: 1.875rem;
  height: 1.875rem;
  display: inline-block;
  font-size: .75rem;
  color: #617a8b;
  text-align: center;
  line-height: 1.875rem;
  z-index: 4;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .todoView .dayView .todoCalendar {
  width: 14.25rem;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow-y: hidden;
  border-radius: 3px;
}
.task-main-container .todoView .dayView .todoCalendar .leftHandel {
  border-radius: 3px 0 0 3px;
  position: absolute;
  left: 0;
  top: 0;
  width: .5rem;
  bottom: 0;
  background: #fafafa;
  z-index: 6;
  cursor: pointer;
}
.task-main-container .todoView .dayView .todoCalendar .leftHandel:hover {
  background: #f0f0f0;
}
.task-main-container .todoView .dayView .todoCalendar .leftHandel .icon-keyboard_arrow_right {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.75rem;
  font-size: 1rem;
  margin-left: -4px;
  z-index: 7;
  color: #b9b9b9;
}
.task-main-container .todoView .dayView .todoCalendar.reduceToSmallCalendar {
  -webkit-animation: reduceToSmall .4s;
  animation: reduceToSmall .4s;
  width: 3.625rem;
}
@-webkit-keyframes reduceToSmall {
  0% {
    width: 14.25rem;
  }
  to {
    width: 3.625rem;
  }
}
@keyframes reduceToSmall {
  0% {
    width: 14.25rem;
  }
  to {
    width: 3.625rem;
  }
}
.task-main-container .todoView .dayView .todoCalendar .today {
  font-size: .75rem;
  color: #666;
  position: absolute;
  top: .5rem;
  right: 1.5rem;
  width: 2.875rem;
  height: 1.25rem;
  background: #fff;
  cursor: pointer;
  line-height: 20px;
  text-align: center;
  border-radius: 99px;
  border: 1px solid rgba(0, 0, 0, 0.09);
  z-index: 2;
}
.task-main-container .todoView .dayView .todoCalendar .today:hover {
  background: #f0f0f0;
}
.task-main-container .todoView .dayView .todoCalendar .next,
.task-main-container .todoView .dayView .todoCalendar .prev {
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .75rem;
  color: #617a8b;
  font-size: 1.25rem;
  line-height: 2.125rem;
  cursor: pointer;
}
.task-main-container .todoView .dayView .todoCalendar .next:hover,
.task-main-container .todoView .dayView .todoCalendar .prev:hover {
  background: #f0f0f0;
}
.task-main-container .todoView .dayView .todoCalendar .next {
  bottom: 0;
}
.task-main-container .todoView .dayView .todoCalendar .prev {
  top: 0;
}
.task-main-container .todoView .dayView .todoCalendar .box {
  overflow-y: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 33.75rem;
}
.task-main-container .todoView .dayView .todoCalendar .box :first-child.one_calendar {
  top: 2rem;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar {
  background: #fff;
  text-align: center;
  padding-bottom: 17px;
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .select {
  height: 32px;
  line-height: 32px;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .select .date {
  font-size: 14px;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar + .one_calendar {
  position: absolute;
  bottom: 2rem;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar ul.week {
  font-size: .75rem;
  color: #333;
  overflow: hidden;
  margin: 0 0 -16px;
  padding: 0 15px 0 22px;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar ul.week li {
  float: left;
  width: 26px;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar ul.week li.weekends {
  color: rgba(201, 64, 64, 0.87);
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList {
  padding: 0 15px 0 22px;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li {
  float: left;
  position: relative;
  margin-top: 8px;
  height: 22px;
  line-height: 22px;
  width: 22px;
  margin-right: 5px;
  cursor: default;
  border-radius: 50%;
  border: 1px solid transparent;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li:hover {
  border: 1px solid #dedede;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.weekends {
  color: rgba(201, 64, 64, 0.87);
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.selected {
  padding: 0;
  border: 1px solid #1ba4ff;
  background-color: #1ba4ff;
  color: #fff;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.selected.hasDian:before {
  display: none;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li:before {
  content: '';
  background: #1ba4ff;
  border-radius: 2px;
  width: 4px;
  height: 4px;
  position: absolute;
  right: 0;
  top: 2px;
  display: none;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.hasDian:before {
  display: block;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.dropActive {
  border: 1px solid #dedede;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.dropHover {
  background: #ed736a;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  border: 1px solid #ed736a;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar .dateList li.dropHover:after {
  display: block;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar ul.week {
  margin-top: 0;
  margin-bottom: -16px;
}
.task-main-container .todoView .dayView .todoCalendar .box .one_calendar ul.week li {
  margin-bottom: 14px;
}
.task-main-container .todoView .dayView .dayViewQuad4 {
  position: absolute;
  top: 0;
  right: 4.8125rem;
  bottom: 0;
  left: 0;
  min-width: 35.625rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap {
  width: 50%;
  height: 50%;
  float: left;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=IE] {
  padding-right: .5rem;
  padding-bottom: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=IU] {
  padding-left: .5rem;
  padding-bottom: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=UE] {
  padding-right: .5rem;
  padding-top: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap[data-pContainer=UU] {
  padding-left: .5rem;
  padding-top: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox {
  position: relative;
  background-color: #f5f7f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  width: 100%;
  height: 100%;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.07);
  bottom: 10px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header {
  height: 2.75rem;
  position: relative;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header i.icon-ic_more_vert_black_24px {
  font-size: 1.5rem;
  color: #75818d;
  display: block;
  margin-top: .625rem;
  margin-left: .375rem;
  float: left;
  cursor: pointer;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header i.icon-add_circle {
  font-size: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  color: #bbd1dc;
  display: block;
  margin-top: .5rem;
  margin-right: 1.1875rem;
  float: right;
  cursor: pointer;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header i.icon-add_circle:hover {
  color: rgba(21, 125, 199, 0.5);
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header span.quadName {
  display: block;
  position: absolute;
  left: 2.1875rem;
  right: 3.125rem;
  line-height: 2.75rem;
  font-size: .75rem;
  color: #617a8b;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8c8c8c;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header input.editNameInp {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  width: calc(94%);
  height: 1.875rem;
  margin: .625rem .75rem;
  padding-left: .5rem;
  display: none;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox header div.saveNameBtn {
  display: none;
  float: right;
  margin-right: 12px;
  margin-top: 11px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv {
  overflow: hidden;
  position: absolute;
  top: 2.75rem;
  bottom: .625rem;
  left: .75rem;
  right: 0.25rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 2px;
  padding-left: 6px;
  margin-left: -3px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY.scroll {
  right: 0;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY.scroll li {
  padding-right: 3px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY.ui-sortable-disabled li .taskItem {
  font-size: .8125rem;
  color: #a3a3a3;
  font-size: 13px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li {
  padding-right: 6px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.itemAnimated {
  -webkit-animation: itemAction .3s;
  animation: itemAction .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.itemCloseAnimated {
  -webkit-animation: itemCloseAction .3s;
  animation: itemCloseAction 0.3s;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.finishedItem .taskItem .ItemContent {
  color: #a3a3a3 !important;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.finishedItem .taskItem:hover .tomato-clock-trigger {
  display: none;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem {
  -webkit-transition: all .3s;
  transition: all .3s;
  position: relative;
  margin-bottom: .3125rem;
  line-height: 2.625rem;
  height: 2.625rem;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  cursor: default;
  overflow: hidden;
  border: 1px solid #ededed;
  border-bottom-color: #d8d8d8;
  font-size: .8125rem;
  color: #333;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .tomato-clock-trigger {
  display: none;
  color: #fd6d6f;
  font-size: 23px;
  margin-right: 11px;
  margin-top: 10px;
  float: left;
  cursor: pointer;
  float: right;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem:hover .tomato-clock-trigger {
  display: block;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem:hover {
  background: #f2f2f2;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemLeft {
  float: left;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: .75rem;
  margin-top: .2rem;
  margin-right: .75rem;
  background-color: inherit;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent {
  display: block;
  position: absolute;
  left: 2.625rem;
  right: 3.125rem;
  top: 0;
  bottom: 0;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent .contentLeft {
  display: block;
  height: 100%;
  max-width: calc(95.5%);
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent .contentLeft.checked {
  text-decoration: line-through;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemDelayContent .delayIcon {
  float: left;
  font-style: normal;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-left: .9375rem;
  overflow: hidden;
  text-align: center;
  background: #ff5959;
  border-radius: 2px;
  width: 3.375rem;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  margin-top: 0.6875rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemContent {
  display: block;
  position: absolute;
  left: 2.625rem;
  right: 3.125rem;
  top: 0;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .ItemContent.checked {
  text-decoration: line-through;
  font-size: .8125rem;
  color: #333;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .avatar {
  float: right;
  border-radius: 2px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: .5625rem;
  margin-right: 9px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li .taskItem .itemIcon {
  float: right;
  color: #bbd1dc;
  border-radius: 2.5px;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
  margin-right: .625rem;
  margin-top: 0.5625rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask {
  margin-bottom: .3125rem;
  line-height: 2.625rem;
  border-radius: 3px;
  width: calc(94%);
  padding: 7px;
  cursor: default;
  font-size: .8125rem;
  color: #333;
  background: #fff;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label {
  display: block;
  margin: 0;
  height: 100%;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput {
  display: block;
  width: 100%;
  height: 2.5rem;
  background: none;
  line-height: 2.5rem;
  padding-left: .875rem;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  font-size: .8125rem;
  color: #333;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.33);
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput:-moz-placeholder,
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput::-moz-placeholder {
  color: rgba(0, 0, 0, 0.33);
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .addTaskInput:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.33);
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .btn {
  margin-top: 7px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .btn-secondary {
  margin-right: 0.3125rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.addTask label .btn-primary {
  margin-right: 0.5rem;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.my_placeholder {
  position: relative;
  margin-bottom: .3125rem;
  line-height: 2.625rem;
  height: 2.625rem;
  width: 100%;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: .5rem;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 3px;
}
.task-main-container .todoView .dayView .dayViewQuad4 .todoQuadWrap .borderBox .quadUlDiv .quadWarpY li.fixLi {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}
.task-main-container .todoView .dayView .dayViewQuad4.bigCalendarQuad {
  -webkit-animation: bigCalQuad .4s;
  animation: bigCalQuad .4s;
  right: 15.4375rem;
}
@-webkit-keyframes bigCalQuad {
  0% {
    right: 4.8125rem;
  }
  to {
    right: 15.4375rem;
  }
}
@keyframes bigCalQuad {
  0% {
    right: 4.8125rem;
  }
  to {
    right: 15.4375rem;
  }
}
.task-main-container .todoView .dayView .dayViewQuad4.smallCalendarQuad {
  -webkit-animation: smallCalQuad .4s;
  animation: smallCalQuad .4s;
  right: 4.8125rem;
}
@-webkit-keyframes smallCalQuad {
  0% {
    right: 15.4375rem;
  }
  to {
    right: 4.8125rem;
  }
}
@keyframes smallCalQuad {
  0% {
    right: 15.4375rem;
  }
  to {
    right: 4.8125rem;
  }
}
.task-main-container li.quadSortHelper {
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.05);
  position: relative;
  margin-bottom: .3125rem;
  line-height: 2.625rem;
  height: 2.625rem;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  cursor: default;
  font-size: .8125rem;
  color: #333;
}
.task-main-container li.quadSortHelper .tomato-clock-trigger {
  display: none;
}
.task-main-container li.quadSortHelper.calendarHelper {
  background: rgba(246, 247, 251, 0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.task-main-container li.quadSortHelper .ItemLeft {
  float: left;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: .75rem;
  margin-top: .2rem;
  margin-right: .75rem;
  background-color: inherit;
}
.task-main-container li.quadSortHelper .ItemDelayContent {
  display: block;
  position: absolute;
  left: 2.625rem;
  right: 3.125rem;
  top: 0;
  bottom: 0;
}
.task-main-container li.quadSortHelper .ItemDelayContent .contentLeft {
  display: block;
  height: 100%;
  max-width: calc(95.5%);
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container li.quadSortHelper .ItemDelayContent .contentLeft.checked {
  text-decoration: line-through;
}
.task-main-container li.quadSortHelper .ItemDelayContent .delayIcon {
  float: left;
  font-style: normal;
  height: 1.25rem;
  line-height: 1.25rem;
  margin-left: .9375rem;
  overflow: hidden;
  text-align: center;
  background: #ff5959;
  border-radius: 2px;
  width: 3.375rem;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  margin-top: 0.625rem;
}
.task-main-container li.quadSortHelper .ItemContent {
  display: block;
  position: absolute;
  left: 2.625rem;
  right: 3.125rem;
  top: 0;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container li.quadSortHelper .ItemContent.checked {
  text-decoration: line-through;
}
.task-main-container li.quadSortHelper .avatar {
  border-radius: 2px;
}
.task-main-container li.quadSortHelper .avatar,
.task-main-container li.quadSortHelper .itemIcon {
  float: right;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: .625rem;
  margin-top: 0.5625rem;
}
.task-main-container li.quadSortHelper .itemIcon {
  color: #bbd1dc;
  border-radius: 2.5px;
  font-size: 1.5rem;
}
.task-main-container .notVIPEditName,
.task-main-container .VIPEditName {
  cursor: pointer;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 3px;
  width: 11.25rem;
  height: 2.25rem;
  font-size: .875rem;
  color: #333;
  line-height: 2.25rem;
  padding-left: 2.125rem;
}
.task-main-container .notVIPEditName span,
.task-main-container .VIPEditName span {
  float: right;
  font-style: normal;
  line-height: .75rem;
  margin-left: .125rem;
  overflow: hidden;
  text-align: center;
  background: #ff5959;
  border-radius: 2px;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
  margin-top: .5rem;
  padding: 4px;
  margin-right: 8px;
}
.task-main-container .notVIPEditName:hover,
.task-main-container .VIPEditName:hover {
  background-color: #f5f5f5;
}
.task-main-container .todoView .monthView {
  opacity: 0;
  position: absolute;
  top: 64px;
  bottom: 2rem;
  left: 0;
  right: 0;
  background: #f5f7f9;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.23);
  border-radius: 2px;
}
.task-main-container .todoView .monthView.opa1 {
  opacity: 1;
}
.task-main-container .todoView .monthView .tableView {
  position: absolute;
  left: 1rem;
  right: 1rem;
  top: 0;
  bottom: 1rem;
  overflow: hidden;
}
.task-main-container .todoView .monthView .tableView .load {
  color: #ccc;
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  -webkit-animation: spin .8s infinite linear;
  animation: spin 0.8s infinite linear;
}
.task-main-container .todoView .monthView .tableView .mainTable {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-animation-duration: .5s;
  animation-duration: 0.5s;
}
.task-main-container .todoView .monthView .tableView .mainTable tbody tr td {
  box-shadow: inset 0 0 0 1px #fff;
}
.task-main-container .todoView .monthView .tableView .mainTable th {
  border: none;
  vertical-align: middle;
  text-align: center;
  height: 3.75rem;
  font-size: .75rem;
  color: #617a8b;
  font-weight: 400;
  color: #626263;
}
.task-main-container .todoView .monthView .tableView .mainTable tr {
  border: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td {
  border: none;
  position: relative;
  padding: .375rem .25rem;
  background: #fff;
  border: 1px solid #ededed;
  border-top-width: 2px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td + td {
  border-left-width: 2px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td.today {
  background: #fafafa;
  border: 2px solid #1ba4ff;
  border-top: none;
  position: relative;
  font-size: .8125rem;
  color: #333;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td.today:before {
  content: '';
  position: absolute;
  width: calc(104%);
  height: 2px;
  top: -1px;
  background-color: #1ba4ff;
  left: -2px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td.today ul.tdUl li.more {
  font-size: .8125rem;
  color: #333;
  color: #59aeff;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td.today ul.tdUl li.more:hover {
  font-size: .8125rem;
  color: #333;
  color: #75818d;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .dateNum {
  cursor: default;
  display: block;
  height: 1rem;
  line-height: 1rem;
  margin-bottom: 0;
  color: #a3a3a3;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer {
  overflow: hidden;
  position: relative;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > li.my_placeholder {
  height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  display: list-item;
  margin: 4px 0;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > li.createLi {
  min-height: 1.5rem;
  line-height: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  height: 1.5rem;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > li.createLi input {
  font-size: .8125rem;
  color: #333;
  padding-left: 4px;
  width: 100%;
  border: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer ul.finished li.item {
  font-size: .8125rem;
  color: #a3a3a3;
  text-decoration: line-through;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting {
  border-left: 3px solid transparent;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=IE] {
  border-left-color: #ff5959;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=IE] li {
  border-left: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=IU] {
  border-left-color: #ffc32a;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=IU] li {
  border-left: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=UE] {
  border-left-color: #59aeff;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=UE] li {
  border-left: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=UU] {
  border-left-color: #2ad57d;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul.monthUlSorting[data-container=UU] li {
  border-left: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item {
  margin: 3px 0;
  cursor: default;
  padding: 0 4px;
  background: #fff;
  height: 1.5rem;
  line-height: 1.5rem;
  border: 1px solid #d1d1d1;
  border-radius: 1px;
  font-size: .8125rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-left: 3px solid transparent;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item .ItemLeft {
  display: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item.itemAnimated {
  -webkit-animation: itemAction .3s;
  animation: itemAction .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item.itemCloseAnimated {
  -webkit-animation: itemCloseAction .3s;
  animation: itemCloseAction 0.3s;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item:hover {
  background: #e8e9ed;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item .subNum {
  height: 24px;
  line-height: 24px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item .subNum .pull-left {
  background: #f2f2f2;
  padding: 0 5px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.item .bPadding {
  height: 7px;
  width: 0;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.fixLi {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.my_placeholder {
  min-height: 1.5rem;
  line-height: 1.5rem;
  position: relative;
  display: list-item;
  margin: 3px 0;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul > li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 1px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul[data-container=IE] > li.item {
  border-left-color: #ff5959;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul[data-container=IU] > li.item {
  border-left-color: #ffc32a;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul[data-container=UE] > li.item {
  border-left-color: #59aeff;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul > li > ul[data-container=UU] > li.item {
  border-left-color: #2ad57d;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest li.dian {
  visibility: hidden;
  height: 0;
  width: 100%;
  border: 1px solid #cc9;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest li.my_placeholder {
  min-height: 1.625rem;
  line-height: 1.625rem;
  position: relative;
  display: list-item;
  margin: 4px 0;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest > li.item {
  min-height: 1.5rem;
  line-height: 1.5rem;
  cursor: default;
  width: 100%;
  padding: 0 5px;
  background: #fff;
  border-radius: 2px;
  margin: 4px 0;
  font-size: .8125rem;
  color: #333;
  white-space: normal;
  word-wrap: break-word;
  border: 1px solid #d1d1d1;
  border-left: 3px solid transparent;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest > li.item .ItemLeft {
  display: none;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest > li[data-scontainer=IE] {
  border-left-color: #ff5959;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest > li[data-scontainer=IU] {
  border-left-color: #ffc32a;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest > li[data-scontainer=UE] {
  border-left-color: #59aeff;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer > ul.rest > li[data-scontainer=UU] {
  border-left-color: #2ad57d;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer .more {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  background: none;
  margin-bottom: 0;
  margin-top: 3px;
  border: none;
  color: #59aeff;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer .more:hover {
  color: #75818d;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td .tdContainer .more > span {
  margin-right: 7px;
}
.task-main-container .todoView .monthView .tableView .mainTable tr td.beforeDays .tdContainer > ul > li > ul > li.item {
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container .popUl {
  width: 210px;
  padding-bottom: 1rem;
  background: #f5f7f9;
  overflow: hidden !important;
}
.task-main-container .popUl.beforeDays .popTdUl li {
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container .popUl header {
  height: 1.875rem;
  line-height: 1.875rem;
  font-size: .75rem;
  color: #666;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .popUl header .popTdTime {
  float: left;
  margin-left: .625rem;
  color: #a3a3a3;
}
.task-main-container .popUl header .close {
  cursor: pointer;
  float: right;
  margin-right: 2px;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1px;
  font-size: 10px;
  color: #a3a3a3;
}
.task-main-container .popUl header .close > i.icon-close {
  color: #333;
  font-size: 10px;
}
.task-main-container .popUl header .close:hover {
  color: #0096f6;
}
.task-main-container .popUl .popTdUl {
  margin-top: .3125rem;
  margin-left: .5rem;
  max-height: calc(-100vh);
  overflow: auto;
  margin-right: 4px;
  padding-right: 4px;
}
.task-main-container .popUl .popTdUl li {
  cursor: default;
  margin-bottom: 3px;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: .8125rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 1px;
  padding-left: 7px;
  border-left: 3px solid transparent;
}
.task-main-container .popUl .popTdUl li i {
  display: none;
}
.task-main-container .popUl .popTdUl li + li {
  margin-top: 3px;
}
.task-main-container .popUl .popTdUl li[data-scontainer=IE] {
  border-left-color: #ff5959;
}
.task-main-container .popUl .popTdUl li[data-scontainer=IU] {
  border-left-color: #ffc32a;
}
.task-main-container .popUl .popTdUl li[data-scontainer=UE] {
  border-left-color: #59aeff;
}
.task-main-container .popUl .popTdUl li[data-scontainer=UU] {
  border-left-color: #2ad57d;
}
.task-main-container .popUl .popTdUl li:hover {
  background: #eaf2f8;
}
.task-main-container .popUl .popTdUl li.my_placeholder {
  position: relative;
  display: list-item;
  height: 1.5rem;
  line-height: 1.5rem;
  border-left: none;
}
.task-main-container .popUl .popTdUl li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 3px;
}
.task-main-container .popUl .popTdUl li.checked {
  text-decoration: line-through;
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container li.monthSortHelper {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  font-size: .8125rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  cursor: default;
  padding-left: .25rem;
  background: #fff;
  border-radius: 3px;
  height: 1.5rem;
  line-height: 1.5rem;
  margin-bottom: .125rem;
  border: 1px solid #d1d1d1;
  border-left: 3px solid transparent;
  position: relative;
}
.task-main-container li.monthSortHelper.calendarHelper {
  background: rgba(246, 247, 251, 0.5);
}
.task-main-container li.monthSortHelper i {
  display: none;
}
.task-main-container li.monthSortHelper[data-container=IE] {
  border-left-color: #ff5959;
}
.task-main-container li.monthSortHelper[data-container=IU] {
  border-left-color: #ffc32a;
}
.task-main-container li.monthSortHelper[data-container=UE] {
  border-left-color: #59aeff;
}
.task-main-container li.monthSortHelper[data-container=UU] {
  border-left-color: #2ad57d;
}
.task-main-container li.monthSortHelper.item {
  display: list-item;
}
.task-main-container li.monthSortHelper.item:hover {
  background: #e8e9ed;
}
.task-main-container li.monthSortHelper.lastLi {
  margin-bottom: 0;
}
.task-main-container li.monthSortHelper .diyCheckbox {
  display: none;
}
.task-main-container li.popSortHelper {
  cursor: default;
  padding-left: 2px;
  background: #f4f8fb;
  border-radius: 3px;
  height: 1.5rem;
  line-height: 1.5rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  border-left: 3px solid transparent;
  font-size: .8125rem;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container li.popSortHelper.calendarHelper {
  background: rgba(246, 247, 251, 0.5);
}
.task-main-container li.popSortHelper i {
  display: none;
}
.task-main-container li.popSortHelper[data-container=IE] {
  border-left-color: #ff5959;
}
.task-main-container li.popSortHelper[data-container=IU] {
  border-left-color: #ffc32a;
}
.task-main-container li.popSortHelper[data-container=UE] {
  border-left-color: #59aeff;
}
.task-main-container li.popSortHelper[data-container=UU] {
  border-left-color: #2ad57d;
}
.task-main-container li.popSortHelper:hover {
  background: #eaf2f8;
}
.task-main-container li.popSortHelper.checked {
  text-decoration: line-through;
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container .todoView .weekView {
  opacity: 0;
  position: absolute;
  top: 64px;
  bottom: 2rem;
  left: 0;
  right: 0;
  font-size: 0;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.23);
  border-radius: 2px;
  overflow: hidden;
}
.task-main-container .todoView .weekView.opa1 {
  opacity: 1;
}
.task-main-container .todoView .weekView .weekContentView {
  background: #f5f7f9;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.task-main-container .todoView .weekView .weekContentView > ul > li {
  width: 14.285%;
  display: inline-block;
}
.task-main-container .todoView .weekView .weekContentView .header {
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
@media screen and (max-width: 855px) {
  .task-main-container .todoView .weekView .weekContentView .header {
    line-height: 30px;
  }
}
.task-main-container .todoView .weekView .weekContentView .header li {
  float: left;
}
.task-main-container .todoView .weekView .weekContentView .header li span {
  color: #626263;
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder {
  position: absolute;
  top: 3.75rem;
  bottom: 0;
  width: .125rem;
  border-left: 1px solid rgba(0, 0, 0, 0.06);
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder.b1 {
  left: 14.285%;
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder.b2 {
  left: 28.571%;
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder.b3 {
  left: 42.857%;
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder.b4 {
  left: 57.142%;
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder.b5 {
  left: 71.428%;
}
.task-main-container .todoView .weekView .weekContentView .taoBodyBorder.b6 {
  left: 85.714%;
}
.task-main-container .todoView .weekView .weekContentView .taoBody {
  position: absolute;
  top: 3.75rem;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body {
  width: 100%;
  height: 100%;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td {
  width: 14.285%;
  position: relative;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  padding: 0.3125rem;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > li.my_placeholder {
  min-height: 1.625rem;
  line-height: 1.625rem;
  position: relative;
  display: list-item;
  margin: 4px 0;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > li.createLi {
  min-height: 1.5rem;
  line-height: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  height: 1.5rem;
  margin-top: 4px;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > li.createLi input {
  font-size: .8125rem;
  color: #333;
  padding-left: 4px;
  width: 100%;
  border: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY ul.finished li.item {
  font-size: .8125rem;
  color: #a3a3a3;
  text-decoration: line-through;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting {
  border-left: 3px solid transparent;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=IE] {
  border-left-color: #ff5959;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=IE] li {
  border-left: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=IU] {
  border-left-color: #ffc32a;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=IU] li {
  border-left: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=UE] {
  border-left-color: #59aeff;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=UE] li {
  border-left: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=UU] {
  border-left-color: #2ad57d;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul.weekUlSorting[data-container=UU] li {
  border-left: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item {
  min-height: 1.5rem;
  line-height: 1.5rem;
  cursor: default;
  width: 100%;
  padding: 0 5px;
  background: #fff;
  border-radius: 2px;
  margin: 4px 0;
  font-size: .8125rem;
  color: #333;
  white-space: normal;
  word-wrap: break-word;
  border: 1px solid #d1d1d1;
  border-left: 3px solid transparent;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item .ItemLeft {
  display: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item.itemAnimated {
  -webkit-animation: itemAction .3s;
  animation: itemAction .3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item.itemCloseAnimated {
  -webkit-animation: itemCloseAction .3s;
  animation: itemCloseAction 0.3s;
}
@keyframes itemAction {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes itemCloseAction {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  to {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item:hover {
  background: #e8e9ed;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item .subNum {
  height: 24px;
  line-height: 24px;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item .subNum .pull-left {
  background: #f2f2f2;
  padding: 0 5px;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.item .bPadding {
  height: 7px;
  width: 0;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.fixLi {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.my_placeholder {
  min-height: 1.625rem;
  line-height: 1.625rem;
  position: relative;
  display: list-item;
  margin: 4px 0;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul > li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul[data-container=IE] > li.item {
  border-left-color: #ff5959;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul[data-container=IU] > li.item {
  border-left-color: #ffc32a;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul[data-container=UE] > li.item {
  border-left-color: #59aeff;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul > li > ul[data-container=UU] > li.item {
  border-left-color: #2ad57d;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest li.dian {
  visibility: hidden;
  height: 0;
  width: 100%;
  border: 1px solid #cc9;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest li.my_placeholder {
  min-height: 1.625rem;
  line-height: 1.625rem;
  position: relative;
  display: list-item;
  margin: 4px 0;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest li.my_placeholder:after {
  content: ' ';
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.13);
  border-radius: 2px;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest > li.item {
  min-height: 1.5rem;
  line-height: 1.5rem;
  cursor: default;
  width: 100%;
  padding: 0 5px;
  background: #fff;
  border-radius: 2px;
  margin: 4px 0;
  font-size: .8125rem;
  color: #333;
  white-space: normal;
  word-wrap: break-word;
  border: 1px solid #d1d1d1;
  border-left: 3px solid transparent;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest > li.item .ItemLeft {
  display: none;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest > li[data-scontainer=IE] {
  border-left-color: #ff5959;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest > li[data-scontainer=IU] {
  border-left-color: #ffc32a;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest > li[data-scontainer=UE] {
  border-left-color: #59aeff;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td .weekUlWarpY > ul.rest > li[data-scontainer=UU] {
  border-left-color: #2ad57d;
}
.task-main-container .todoView .weekView .weekContentView .taoBody .body td.beforeDays .weekUlWarpY > ul > li > ul > li.item {
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container li.weekSortHelper {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  font-size: .8125rem;
  color: #333;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  cursor: default;
  width: 100%;
  padding: 0 5px;
  background: #fff;
  border-radius: 2px;
  min-height: 1.5rem;
  line-height: 1.5rem;
  margin: 2px 0;
  white-space: normal;
  word-wrap: break-word;
  border-left: 3px solid transparent;
}
.task-main-container li.weekSortHelper:hover {
  background: #e8e9ed;
}
.task-main-container li.weekSortHelper[data-container=IE] {
  border-color: #ff5959;
}
.task-main-container li.weekSortHelper[data-container=IU] {
  border-color: #ffc32a;
}
.task-main-container li.weekSortHelper[data-container=UE] {
  border-color: #59aeff;
}
.task-main-container li.weekSortHelper[data-container=UU] {
  border-color: #2ad57d;
}
.task-main-container li.weekSortHelper.calendarHelper {
  background: rgba(246, 247, 251, 0.5);
}
.task-main-container li.weekSortHelper.checked {
  text-decoration: line-through;
  font-size: .8125rem;
  color: #a3a3a3;
}
.task-main-container li.weekSortHelper .diyCheckbox,
.task-main-container li.weekSortHelper i {
  display: none;
}
.task-main-container li.weekSortHelper i.icon-format_list_bulleted {
  display: inline-block;
}
.task-main-container li.weekSortHelper .subNum {
  height: 24px;
  line-height: 24px;
}
.task-main-container li.weekSortHelper .subNum .pull-left {
  background: #f2f2f2;
  padding: 0 5px;
}
.task-main-container li.weekSortHelper .bPadding {
  height: 7px;
  width: 0;
}
.task-main-container #todoPreLoad {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ddd;
  text-align: center;
  z-index: 3000;
}
.task-main-container #todoPreLoad h1 {
  margin-top: 3rem;
}
.task-main-container .todo-view .container-left-content {
  -webkit-transition: width 0.2s ease-out;
  transition: width 0.2s ease-out;
}
.task-main-container .todo-view .container-left-content.first {
  -webkit-transition: none;
  transition: none;
}
.task-main-container .todo-view .container-left-content.out {
  width: 52px !important;
}
.task-main-container .todo-view .container-left-content.out .flex-side-bar {
  width: 52px;
}
.task-main-container .todo-view .container-left-content.out .flex-content {
  display: block;
}
.task-main-container .todo-view .container-left-content.out + .container-right {
  left: 52px !important;
}
.task-main-container .todo-view .container-right {
  -webkit-transition: left 0.2s ease-out;
  transition: left 0.2s ease-out;
}
.task-main-container .todo-view .container-right.first {
  -webkit-transition: none;
  transition: none;
}
.task-main-container .app-center a,
.task-main-container .app-center i {
  display: inline-block;
}
.task-main-container .app-center a:hover {
  text-decoration: none;
}
.task-main-container .app-center ul {
  padding: 0;
}
.task-main-container .app-center {
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
  background: #f1f2f6;
  z-index: 1000;
}
.task-main-container .app-center > div {
  position: relative;
  z-index: 3;
}
.task-main-container .app-center h5 > .btn.btn-fifth-outline {
  border-radius: 100px;
}
@media screen and (max-width: 1024px) {
  .task-main-container .app-center {
    left: 8%;
    right: 8%;
  }
}
.task-main-container li.folder.folder-item {
  padding-left: 21px;
  width: calc(99%);
  overflow: visible;
}
.task-main-container li.folder.folder-item i[class^=icon] {
  color: #0689dd;
  font-size: 24px;
  cursor: pointer;
}
.task-main-container li.folder.folder-item.editing .showMore {
  display: none !important;
}
.task-main-container li.folder.folder-item .icon-folder {
  float: left;
  line-height: 54px;
}
.task-main-container li.folder.folder-item .showMore i {
  margin-left: 0;
  line-height: 60px;
}
.task-main-container li.folder.folder-item span {
  padding-left: 21px;
  line-height: 56px;
  cursor: pointer;
}
.task-main-container li.folder.folder-item span.folderName {
  display: inline-block;
  width: calc(20%);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container li.folder.folder-item span.showMore {
  float: right;
  margin-right: 5.67%;
  display: none;
  padding: 0;
}
.task-main-container li.folder.folder-item input.edit {
  border: 0;
  padding-left: 10px;
  margin-left: 11px;
  display: none;
  height: 56px;
  width: calc(0%);
  background: transparent;
}
.task-main-container li.folder.folder-item:hover span.showMore {
  display: inline-block;
}
.task-main-container li.folder.folder-item div.menuBar {
  min-width: 130px;
}
.task-main-container li.folder.folder-item div.menuBar > span {
  height: 43px;
  line-height: 43px;
  padding-top: 0;
  padding-bottom: 0;
}
.task-main-container li.folder.folder-item.ui-state-highlight {
  background: #f66;
}
.task-main-container .fileModal {
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
}
.task-main-container .fileModal .hand {
  cursor: pointer;
}
@media screen and (max-width: 1024px) {
  .task-main-container .fileModal {
    left: 8%;
    right: 8%;
  }
}
.task-main-container .fileModal i[class^=icon] {
  color: #75818d;
  font-size: 24px;
  cursor: pointer;
}
.task-main-container .fileModal .left {
  float: left;
  width: 30%;
  height: 100%;
  background: #fcfcfc;
}
.task-main-container .fileModal .left h5 {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: center;
  line-height: 55px;
}
.task-main-container .fileModal .left h5 i {
  font-size: 24px;
  margin-right: 7px;
  line-height: 53px;
  display: inline-block;
  vertical-align: top;
}
.task-main-container .fileModal .left > div ul li,
.task-main-container .fileModal .left > ul li {
  padding-left: 41px;
  line-height: 56px;
  height: 56px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .fileModal .left > div ul li:hover,
.task-main-container .fileModal .left > ul li:hover {
  background: #f2f2f2;
}
.task-main-container .fileModal .left > div ul li.selected,
.task-main-container .fileModal .left > ul li.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .fileModal .left > div ul li.selected .msg p.top em,
.task-main-container .fileModal .left > div ul li.selected .type-link,
.task-main-container .fileModal .left > div ul li.selected > i,
.task-main-container .fileModal .left > div ul li.selected > span,
.task-main-container .fileModal .left > div ul li.selected > span > i,
.task-main-container .fileModal .left > ul li.selected .msg p.top em,
.task-main-container .fileModal .left > ul li.selected .type-link,
.task-main-container .fileModal .left > ul li.selected > i,
.task-main-container .fileModal .left > ul li.selected > span,
.task-main-container .fileModal .left > ul li.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem {
  overflow: hidden;
  font-size: .75rem;
  color: #666;
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem > i {
  margin-top: 12px;
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem > i.icon-ic_kanban_big_black_24px {
  margin-top: 16px !important;
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected {
  background: #1384d5;
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected:hover {
  background: #2a90d9;
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem:hover {
  background: #f2f2f2;
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected .msg p.top em,
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected .type-link,
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected > i,
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected > span,
.task-main-container .fileModal .left > dl.resultsBox dd.resultsItem.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .fileModal .left header h5 i,
.task-main-container .fileModal .left header h5 span {
  cursor: pointer;
}
.task-main-container .fileModal .left ul {
  min-width: 223px;
  height: calc(34%);
  overflow-y: auto;
  margin-bottom: 10px;
}
.task-main-container .fileModal .left ul li.my_placeholder {
  background: rgba(0, 0, 0, 0.1);
}
.task-main-container .fileModal .left ul li.selected {
  background: #1384d5;
}
.task-main-container .fileModal .left ul li.selected:hover {
  background: #2a90d9;
}
.task-main-container .fileModal .left ul li.selected input {
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .fileModal .left ul li.selected input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .fileModal .left ul li.selected input:-moz-placeholder,
.task-main-container .fileModal .left ul li.selected input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .fileModal .left ul li.selected input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.66);
}
.task-main-container .fileModal .right {
  float: right;
  width: 70%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container .fileModal .right .btn.btn-fifth-outline {
  border-radius: 100px;
}
.task-main-container .fileModal .right .header + div,
.task-main-container .fileModal .right section {
  height: calc(44%);
}
.task-main-container .fileModal .right .doc-check-component.doc-check-type-a {
  height: 100%;
  overflow-y: auto;
  width: 80%;
  padding-right: 10px;
  margin: 0 auto;
}
.task-main-container .fileModal .right .doc-check-component.doc-check-type-a .doc-check-header {
  display: none;
}
.task-main-container .fileModal .right .doc-check-component.doc-check-type-a .comment .left {
  background-color: inherit;
}
.task-main-container .fileModal .right .doc-check-component.doc-check-type-a .comment .right {
  border: none;
}
.task-main-container .fileModal .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  left: 0;
  margin-left: 50%;
}
.task-main-container .fileModal .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
  text-align: left;
}
.task-main-container .fileModal .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
  display: inline;
}
.task-main-container .fileModal .right h5 {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  margin-bottom: 0;
  padding-right: 21px;
}
.task-main-container .fileModal .right h5 h5 {
  overflow: hidden;
}
.task-main-container .fileModal .right h5 h5 span.btn.btn-fifth-outline {
  border-radius: 100px;
  margin-top: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .fileModal .right h5 label,
.task-main-container .fileModal .right h5 span {
  float: right;
  margin-top: 12px;
}
.task-main-container .fileModal .right h5 label {
  margin-left: 18px;
}
.task-main-container .fileModal .right h5 input[type=file] {
  width: 0;
  height: 0;
  display: none;
}
.task-main-container .fileModal .right h5.notMember span:hover {
  cursor: default;
}
.task-main-container .fileModal .right ul.file-list {
  position: relative;
  min-width: 497px;
  padding: 0 4.05%;
  height: calc(44%);
  overflow-y: auto;
}
.task-main-container .fileModal .right ul.file-list > li {
  overflow: visible;
  line-height: 22px;
  height: 59px;
}
.task-main-container .fileModal .right ul.file-list > li .operate {
  display: none;
  text-align: right;
  height: 59px;
  width: 130px;
}
.task-main-container .fileModal .right ul.file-list > li:hover .operate {
  display: block;
}
.task-main-container .fileModal .right ul.file-list > li:hover .upload-time {
  display: none;
}
.task-main-container .fileModal .right ul.file-list > div.rui-file-upload-item {
  padding-right: 4px;
  overflow: hidden;
  margin: 6px 0;
  height: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  background: #f4f8fb;
}
.task-main-container .fileModal .right ul.file-list > div.rui-file-upload-item .up-info {
  padding-top: 10px;
  padding-left: 18px;
}
.task-main-container .fileModal .right ul.file-list > div.rui-file-upload-item .up_process_c {
  margin-left: 5px;
}
.task-main-container .fileModal .right ul.file-list li.editing .renameBox {
  display: block;
}
.task-main-container .fileModal .right ul.file-list li.editing .file-title,
.task-main-container .fileModal .right ul.file-list li.editing .file-weight,
.task-main-container .fileModal .right ul.file-list li.willRemove .author,
.task-main-container .fileModal .right ul.file-list li.willRemove .file-weight,
.task-main-container .fileModal .right ul.file-list li.willRemove .operate,
.task-main-container .fileModal .right ul.file-list li.willRemove .renameBox {
  display: none;
}
.task-main-container li.app-fileItem {
  padding-right: 4px;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container li.app-fileItem.isDragging {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
  border: 1px solid rgba(0, 0, 0, 0.05);
  background: #f6f7fb;
}
.task-main-container li.app-fileItem.isDragging .upload-time {
  display: none;
}
.task-main-container li.app-fileItem.hoverFolder {
  background: rgba(246, 247, 251, 0.5);
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}
.task-main-container li.app-fileItem span {
  display: inline-block;
}
.task-main-container li.app-fileItem > a,
.task-main-container li.app-fileItem > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container li.app-fileItem .caption {
  display: inline;
}
.task-main-container li.app-fileItem .caption .file-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.task-main-container li.app-fileItem .caption:hover {
  font-size: .75rem;
  color: #666;
  cursor: default;
}
.task-main-container li.app-fileItem .caption + .renameBox {
  display: none;
  float: left;
}
.task-main-container li.app-fileItem .caption + .renameBox .edit-input {
  float: left;
  width: 230px;
  margin-top: 14px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 5px;
  height: 31px;
}
.task-main-container li.app-fileItem .caption + .renameBox .save {
  margin-top: 16px;
  margin-left: 10px;
}
.task-main-container li.app-fileItem i.file-img {
  display: inline-block;
  width: 28px;
  height: 36px;
  margin-top: 12px;
  vertical-align: bottom;
  margin: 12px 20px 0 12px;
  float: left;
  position: relative;
  overflow: hidden;
}
.task-main-container li.app-fileItem i.file-img img {
  width: auto;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.task-main-container li.app-fileItem i.file-type {
  width: 46px;
  height: 32px;
  float: left;
  margin: 10px 6.25% 0 5px;
  background: url(https://res-front-cdn.timetask.cn/release/images/sprite.ec172d1ffd.png);
  background-position: -54px -7px;
  vertical-align: middle;
}
.task-main-container li.app-fileItem a:hover {
  text-decoration: none;
}
.task-main-container li.app-fileItem a.file-title {
  max-width: calc(-300%);
  margin-top: 20px;
}
.task-main-container li.app-fileItem span.file-weight {
  width: 14%;
  max-width: 20%;
}
.task-main-container li.app-fileItem span.author {
  width: 10%;
  max-width: 17%;
}
.task-main-container li.app-fileItem .author,
.task-main-container li.app-fileItem .file-weight,
.task-main-container li.app-fileItem .upload-time {
  float: right;
  margin-top: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.task-main-container li.app-fileItem .upload-time {
  width: 123px;
  margin-right: 0;
  text-align: right;
}
.task-main-container li.app-fileItem .operate {
  float: right;
  width: calc(52%);
  padding-left: 33px;
  margin-right: -7px;
  position: relative;
}
.task-main-container li.app-fileItem .operate a.download {
  margin-left: 10px;
}
.task-main-container li.app-fileItem .operate .more {
  padding-left: 7px;
  display: inline-block;
  line-height: 60px;
}
.task-main-container li.app-fileItem .operate .more:hover .dropdown-menu {
  display: block;
}
.task-main-container li.app-fileItem .operate .more,
.task-main-container li.app-fileItem .operate .preview {
  position: relative;
  font-size: 18px;
  cursor: pointer;
}
.task-main-container li.app-fileItem .operate [class^=icon] {
  color: #0689dd;
}
.task-main-container li.app-fileItem .operate .dropdown-menu {
  min-width: 130px;
  margin-top: -14px;
  margin-left: -96px;
  font-family: PingFang, Helvetica Neue, Helvetica, Hiragino Sans GB, STHeitiSC-Light, Microsoft YaHei, Arial, sans-serif;
  font-size: 12px;
}
.task-main-container li.app-fileItem a > i {
  width: 24px;
  height: 60px;
  line-height: 58px;
}
.task-main-container li.app-fileItem i[class^=icon] {
  font-size: 24px;
  color: #0689dd;
}
.task-main-container .select-folder {
  padding: 10px 20px;
  width: 180px;
}
.task-main-container .select-folder .select {
  display: block;
  margin-top: 10px;
}
.task-main-container .select-folder .select .select-folder-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60px;
  font-size: 12px;
  display: inline-block;
}
.task-main-container .select-folder .top {
  overflow: hidden;
}
.task-main-container .select-folder .top > span.type-system {
  float: left;
  line-height: 40px;
}
.task-main-container .select-folder .top .wrap {
  float: right;
}
.task-main-container .select-folder .more-folder {
  float: right;
  margin-left: 10px;
  color: #0689dd;
  font-size: 20px;
}
.task-main-container .select-folder .dropdown-menu {
  min-width: 135px;
  margin-top: -60px;
  margin-left: 45px;
  max-height: 100px;
  overflow-y: auto;
}
.task-main-container .select-folder .dropdown-menu .dropdown-item {
  cursor: pointer;
  overflow: hidden;
  line-height: 12px;
}
.task-main-container .select-folder .dropdown-menu .dropdown-item span {
  max-width: 70px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 12px;
}
.task-main-container .select-folder .dropdown-menu .dropdown-item .icon-check {
  display: none;
  color: #0689dd;
  float: right;
  font-size: 20px;
  margin-top: -5px;
  margin-right: 5px;
}
.task-main-container .select-folder .dropdown-menu .dropdown-item.selected .icon-check {
  display: block;
}
.task-main-container .select-folder p {
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}
.task-main-container .select-folder p .btn {
  display: block;
}
.task-main-container li.folder.folder-item.fileSortHelper {
  background: #fff;
  padding-left: 41px;
  -webkit-transform: rotate(1deg);
  transform: rotate(1deg);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}
.task-main-container li.folder.folder-item.fileSortHelper.selected {
  background: #1384d5;
}
.task-main-container li.folder.folder-item.fileSortHelper.selected > i,
.task-main-container li.folder.folder-item.fileSortHelper.selected > span,
.task-main-container li.folder.folder-item.fileSortHelper.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .Notification {
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .task-main-container .Notification {
    left: 8%;
    right: 8%;
  }
}
.task-main-container .Notification .left {
  float: left;
  width: 30%;
  height: 100%;
  background: #fcfcfc;
  overflow: auto;
}
.task-main-container .Notification .left h5 {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: center;
  line-height: 55px;
}
.task-main-container .Notification .left h5 i {
  font-size: 24px;
  margin-right: 7px;
  line-height: 53px;
  display: inline-block;
  vertical-align: top;
}
.task-main-container .Notification .left > div ul li,
.task-main-container .Notification .left > ul li {
  padding-left: 41px;
  line-height: 56px;
  height: 56px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .Notification .left > div ul li:hover,
.task-main-container .Notification .left > ul li:hover {
  background: #f2f2f2;
}
.task-main-container .Notification .left > div ul li.selected,
.task-main-container .Notification .left > ul li.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .Notification .left > div ul li.selected .msg p.top em,
.task-main-container .Notification .left > div ul li.selected .type-link,
.task-main-container .Notification .left > div ul li.selected > i,
.task-main-container .Notification .left > div ul li.selected > span,
.task-main-container .Notification .left > div ul li.selected > span > i,
.task-main-container .Notification .left > ul li.selected .msg p.top em,
.task-main-container .Notification .left > ul li.selected .type-link,
.task-main-container .Notification .left > ul li.selected > i,
.task-main-container .Notification .left > ul li.selected > span,
.task-main-container .Notification .left > ul li.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem {
  overflow: hidden;
  font-size: .75rem;
  color: #666;
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem > i {
  margin-top: 12px;
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem > i.icon-ic_kanban_big_black_24px {
  margin-top: 16px !important;
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected {
  background: #1384d5;
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected:hover {
  background: #2a90d9;
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem:hover {
  background: #f2f2f2;
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected .msg p.top em,
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected .type-link,
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected > i,
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected > span,
.task-main-container .Notification .left > dl.resultsBox dd.resultsItem.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .Notification .left .wrap ul li {
  cursor: pointer;
}
.task-main-container .Notification .left .wrap ul li.selected {
  background: #1384d5;
}
.task-main-container .Notification .left .wrap ul li.selected div.bottom.type-disable > span {
  color: #fff;
}
.task-main-container .Notification .left .header {
  height: 56px;
  text-align: center;
  font-size: 0;
  position: relative;
}
.task-main-container .Notification .left .header span {
  width: 54px;
  line-height: 28px;
  margin-top: 14px;
  background: #f6f6f6;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  display: inline-block;
  text-align: center;
}
.task-main-container .Notification .left .header span.unRead {
  border-radius: 14px 0 0 14px;
}
.task-main-container .Notification .left .header span.read {
  border-radius: 0 14px 14px 0;
}
.task-main-container .Notification .left .header span.active {
  background: #0689dd;
  color: #fff;
}
.task-main-container .Notification .left .wrap {
  position: absolute;
  top: 56px;
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 5px 0;
  margin-top: 0;
}
.task-main-container .Notification .left .wrap ul {
  height: 100%;
  overflow-y: auto;
}
.task-main-container .Notification .left .wrap ul li {
  padding-left: 0;
  width: calc(99%);
}
.task-main-container .Notification .left .wrap ul.read .msgNum {
  display: none;
}
.task-main-container .Notification .left li {
  height: 56px;
  overflow: hidden;
}
.task-main-container .Notification .left li img {
  width: 32px;
  height: 32px;
  float: left;
  margin: 14px 15px 10px;
}
.task-main-container .Notification .left li.selected {
  background: #1384d5;
}
.task-main-container .Notification .left li.selected:hover {
  background: #2a90d9;
}
.task-main-container .Notification .left li .msg {
  overflow: hidden;
}
.task-main-container .Notification .left li .msg > div {
  overflow: hidden;
  line-height: 17px;
}
.task-main-container .Notification .left li .msg > div.top {
  margin: 11px 0 0;
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(29%);
  height: 19px;
  padding-top: 2px;
  display: inline-block;
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left .span {
  line-height: 20px;
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left .username {
  vertical-align: text-top;
  float: left;
  margin-right: 4px;
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left .oparation {
  float: left;
  height: 22px;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(10%);
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left .oparation input {
  margin: 0;
  margin-top: -2px;
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left .oparation > div {
  display: none;
}
.task-main-container .Notification .left li .msg > div.top .wrapper-left .oparation img {
  padding-top: 2px;
}
.task-main-container .Notification .left li .msg > div.top .time {
  float: right;
  margin-right: 5.04%;
}
.task-main-container .Notification .left li .msg > div.bottom span.oparate {
  width: 36px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.task-main-container .Notification .left li .msg > div.bottom span.oparate:hover {
  color: #fff;
  background: #da553e;
  border-radius: 2px;
}
.task-main-container .Notification .left li .msg > div.bottom span.msgNum {
  float: right;
  margin-right: 7.14%;
  background: #da553e;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.task-main-container .Notification .left li .msg > div.bottom span.ItemMsg {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(25%);
  text-align: left;
}
.task-main-container .Notification .left li .msg > div.bottom span.ItemClass {
  display: inline-block;
  vertical-align: top;
}
.task-main-container .Notification .right {
  float: right;
  width: 70%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container .Notification .right .btn.btn-fifth-outline {
  border-radius: 100px;
}
.task-main-container .Notification .right .header + div,
.task-main-container .Notification .right section {
  height: calc(44%);
}
.task-main-container .Notification .right .doc-check-component.doc-check-type-a {
  height: 100%;
  overflow-y: auto;
  width: 80%;
  padding-right: 10px;
  margin: 0 auto;
}
.task-main-container .Notification .right .doc-check-component.doc-check-type-a .doc-check-header {
  display: none;
}
.task-main-container .Notification .right .doc-check-component.doc-check-type-a .comment .left {
  background-color: inherit;
}
.task-main-container .Notification .right .doc-check-component.doc-check-type-a .comment .right {
  border: none;
}
.task-main-container .Notification .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  left: 0;
  margin-left: 50%;
}
.task-main-container .Notification .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
  text-align: left;
}
.task-main-container .Notification .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
  display: inline;
}
.task-main-container .Notification .right .taskDetail-warp-x .header .close {
  display: none;
}
.task-main-container .Notification .right > .header {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .Notification .right > .header h5 {
  overflow: hidden;
}
.task-main-container .Notification .right > .header h5 span.btn.btn-fifth-outline {
  border-radius: 100px;
  margin-top: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .Notification .right > .header .caption {
  font-size: .75rem;
  color: #666;
  line-height: 56px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(-300%);
  padding-left: 10px;
  display: inline-block;
}
.task-main-container .Notification .right > .header span.btn {
  float: right;
  margin-right: 24px;
}
.task-main-container .Notification .right > .header .jumpToTask {
  display: none;
}
.task-main-container div.smallNotification {
  width: 21.23%;
  min-width: 212px;
}
.task-main-container .unRead-mesage-num {
  display: none;
  position: absolute;
  top: 6px;
  left: 50px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 10px;
  color: #fff;
  border-radius: 10px;
  background-color: #fb7d42;
}
.task-main-container div.smallNotification {
  width: 290px;
}
.task-main-container div.smallNotification span.oparate {
  display: inline-block;
  text-align: center;
}
.task-main-container div.smallNotification ul.body {
  overflow: auto;
  height: auto;
  max-height: 370px;
  min-height: 260px;
  position: relative;
  overflow-x: hidden;
}
.task-main-container div.smallNotification ul.body li {
  height: 56px;
  overflow: hidden;
}
.task-main-container div.smallNotification ul.body li img {
  width: 32px;
  height: 32px;
  float: left;
  margin: 14px 15px 10px;
}
.task-main-container div.smallNotification ul.body li.selected {
  background: #1384d5;
}
.task-main-container div.smallNotification ul.body li.selected:hover {
  background: #2a90d9;
}
.task-main-container div.smallNotification ul.body li .msg {
  overflow: hidden;
}
.task-main-container div.smallNotification ul.body li .msg > div {
  overflow: hidden;
  line-height: 17px;
}
.task-main-container div.smallNotification ul.body li .msg > div.top {
  margin: 11px 0 0;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(29%);
  height: 19px;
  padding-top: 2px;
  display: inline-block;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left .span {
  line-height: 20px;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left .username {
  vertical-align: text-top;
  float: left;
  margin-right: 4px;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left .oparation {
  float: left;
  height: 22px;
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(10%);
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left .oparation input {
  margin: 0;
  margin-top: -2px;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left .oparation > div {
  display: none;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .wrapper-left .oparation img {
  padding-top: 2px;
}
.task-main-container div.smallNotification ul.body li .msg > div.top .time {
  float: right;
  margin-right: 5.04%;
}
.task-main-container div.smallNotification ul.body li .msg > div.bottom span.oparate {
  width: 36px;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
}
.task-main-container div.smallNotification ul.body li .msg > div.bottom span.oparate:hover {
  color: #fff;
  background: #da553e;
  border-radius: 2px;
}
.task-main-container div.smallNotification ul.body li .msg > div.bottom span.msgNum {
  float: right;
  margin-right: 7.14%;
  background: #da553e;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.task-main-container div.smallNotification ul.body li .msg > div.bottom span.ItemMsg {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(25%);
  text-align: left;
}
.task-main-container div.smallNotification ul.body li .msg > div.bottom span.ItemClass {
  display: inline-block;
  vertical-align: top;
}
.task-main-container div.smallNotification ul.body .noNotifications {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -45px;
  margin-left: -32px;
  color: rgba(0, 0, 0, 0.26);
}
.task-main-container div.smallNotification ul.body .noNotifications i:before {
  font-size: 64px;
}
.task-main-container div.smallNotification ul.body .noNotifications span {
  display: block;
}
.task-main-container div.smallNotification h3 {
  font-size: 14px;
  color: #0468a3;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  position: relative;
  height: 44px;
  line-height: 44px;
  color: #0083d7;
}
.task-main-container div.smallNotification h3 .markAllAsRead {
  position: absolute;
  cursor: pointer;
  top: 13px;
  right: 13px;
}
.task-main-container div.smallNotification .show-notification {
  border-radius: 0 0 2px 2px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .allSearchResults {
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .task-main-container .allSearchResults {
    left: 8%;
    right: 8%;
  }
}
.task-main-container .allSearchResults .left {
  position: relative;
  z-index: 10;
  float: left;
  width: 30%;
  height: 100%;
  background: #fcfcfc;
}
.task-main-container .allSearchResults .left h5 {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: center;
  line-height: 55px;
}
.task-main-container .allSearchResults .left h5 i {
  font-size: 24px;
  margin-right: 7px;
  line-height: 53px;
  display: inline-block;
  vertical-align: top;
}
.task-main-container .allSearchResults .left > div ul li,
.task-main-container .allSearchResults .left > ul li {
  padding-left: 41px;
  line-height: 56px;
  height: 56px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .allSearchResults .left > div ul li:hover,
.task-main-container .allSearchResults .left > ul li:hover {
  background: #f2f2f2;
}
.task-main-container .allSearchResults .left > div ul li.selected,
.task-main-container .allSearchResults .left > ul li.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .allSearchResults .left > div ul li.selected .msg p.top em,
.task-main-container .allSearchResults .left > div ul li.selected .type-link,
.task-main-container .allSearchResults .left > div ul li.selected > i,
.task-main-container .allSearchResults .left > div ul li.selected > span,
.task-main-container .allSearchResults .left > div ul li.selected > span > i,
.task-main-container .allSearchResults .left > ul li.selected .msg p.top em,
.task-main-container .allSearchResults .left > ul li.selected .type-link,
.task-main-container .allSearchResults .left > ul li.selected > i,
.task-main-container .allSearchResults .left > ul li.selected > span,
.task-main-container .allSearchResults .left > ul li.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem {
  overflow: hidden;
  font-size: .75rem;
  color: #666;
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem > i {
  margin-top: 12px;
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem > i.icon-ic_kanban_big_black_24px {
  margin-top: 16px !important;
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected {
  background: #1384d5;
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected:hover {
  background: #2a90d9;
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem:hover {
  background: #f2f2f2;
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected .msg p.top em,
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected .type-link,
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected > i,
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected > span,
.task-main-container .allSearchResults .left > dl.resultsBox dd.resultsItem.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .allSearchResults .left header {
  padding-top: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: center;
}
.task-main-container .allSearchResults .left header > div {
  display: inline-block;
  width: 88px;
  height: 28px;
  cursor: pointer;
  line-height: 28px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .allSearchResults .left header > div .selectMember > span {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 70px;
}
.task-main-container .allSearchResults .left header > div .dropdown-menu {
  min-width: 86px;
  width: 100%;
}
.task-main-container .allSearchResults .left header > div .dropdown-menu .dropdown-item {
  padding: 10px;
  overflow: hidden;
}
.task-main-container .allSearchResults .left header > div .dropdown-menu .dropdown-item span {
  float: left;
}
.task-main-container .allSearchResults .left header > div .dropdown-menu .dropdown-item i {
  float: right;
  margin-right: 10px;
  color: #75818d;
  visibility: hidden;
}
.task-main-container .allSearchResults .left header > div .dropdown-menu .dropdown-item.selected i {
  visibility: visible;
}
.task-main-container .allSearchResults .left header > div i {
  font-size: 16px;
  vertical-align: text-bottom;
}
.task-main-container .allSearchResults .left header > div + div {
  margin-left: 9px;
}
.task-main-container .allSearchResults .left .resultsBox {
  overflow-y: auto;
  position: absolute;
  top: 56px;
  bottom: 0;
  width: 100%;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem {
  cursor: pointer;
  width: calc(99%);
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem em,
.task-main-container .allSearchResults .left .resultsBox .resultsItem i {
  font-style: normal;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > i {
  font-size: 20px;
  float: left;
  margin: 0 21px 0 18px;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > i.icon-ic_kanban_big_black_24px {
  font-size: 16px;
  margin-top: 2px;
  margin-left: 20px;
  color: #75818d;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > i.icon-card,
.task-main-container .allSearchResults .left .resultsBox .resultsItem > i.icon-description {
  color: #75818d;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > .icon-check_box_outline_blank {
  position: relative;
  color: #b9b9bc;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > .icon-check_box_outline_blank .icon-check {
  position: absolute;
  left: 2px;
  top: -2px;
  font-size: 19px;
  color: #75818d;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > .icon-check_box_outline_blank .icon-check:before {
  position: relative;
  z-index: 2;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem > .icon-check_box_outline_blank .icon-check:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5px;
  right: 3px;
  background: #fff;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg {
  overflow: hidden;
  margin-top: 14px;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg p {
  margin: 0 20px 0 2px;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg p i {
  display: inline-block;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg p.top {
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg p.top em {
  font-size: .75rem;
  color: #0689dd;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg p.bottom .name {
  max-width: calc(25%);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .msg p.bottom .detail {
  overflow: hidden;
}
.task-main-container .allSearchResults .left .resultsBox .resultsItem .icon-card {
  margin-top: 16px;
}
.task-main-container .allSearchResults .left .resultsBox .noContent {
  display: none;
  text-align: center;
  margin-top: 12px;
}
.task-main-container .allSearchResults .left .resultsBox .loading,
.task-main-container .allSearchResults .left .resultsBox .no-more-content {
  text-align: center;
}
.task-main-container .allSearchResults .right {
  float: right;
  width: 70%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container .allSearchResults .right .btn.btn-fifth-outline {
  border-radius: 100px;
}
.task-main-container .allSearchResults .right .header + div,
.task-main-container .allSearchResults .right section {
  height: calc(44%);
}
.task-main-container .allSearchResults .right .doc-check-component.doc-check-type-a {
  height: 100%;
  overflow-y: auto;
  width: 80%;
  padding-right: 10px;
  margin: 0 auto;
}
.task-main-container .allSearchResults .right .doc-check-component.doc-check-type-a .doc-check-header {
  display: none;
}
.task-main-container .allSearchResults .right .doc-check-component.doc-check-type-a .comment .left {
  background-color: inherit;
}
.task-main-container .allSearchResults .right .doc-check-component.doc-check-type-a .comment .right {
  border: none;
}
.task-main-container .allSearchResults .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  left: 0;
  margin-left: 50%;
}
.task-main-container .allSearchResults .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
  text-align: left;
}
.task-main-container .allSearchResults .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
  display: inline;
}
.task-main-container .allSearchResults .right .taskDetail-warp-x .header .close {
  display: none !important;
}
.task-main-container .allSearchResults .right header {
  overflow: hidden;
  padding: 11px 0;
  width: 100%;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .allSearchResults .right header .jump {
  display: none;
}
.task-main-container .allSearchResults .right header .type-caption {
  line-height: 32px;
  display: inline-block;
  padding-left: 12px;
}
.task-main-container .allSearchResults .right header h5 {
  overflow: hidden;
}
.task-main-container .allSearchResults .right header h5 span.btn.btn-fifth-outline {
  border-radius: 100px;
  margin-top: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .allSearchResults .right header .btn {
  float: right;
  margin-right: 24px;
  border-radius: 100px;
}
.task-main-container .allSearchResults .right div.onloading {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 40px;
  font-size: 24px;
  -webkit-transform: translate(-50%, -170%);
  transform: translate(-50%, -170%);
}
.task-main-container .searchBox {
  width: 290px;
}
.task-main-container .searchBox .searchResults {
  max-height: 290px;
  overflow-y: auto;
}
.task-main-container .searchBox .searchInEnv > a > i {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 140px;
  vertical-align: top;
}
.task-main-container .searchBox i {
  font-style: normal;
}
.task-main-container .searchBox h3 {
  font-size: 14px;
  color: #0468a3;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  position: relative;
}
.task-main-container .searchBox > p > a {
  display: block;
  line-height: 30px;
}
.task-main-container .searchBox > p > a:hover {
  text-decoration: none;
}
.task-main-container .searchBox > p > a > i.icon-card {
  margin-top: 1px;
}
.task-main-container .searchBox > p > a:before {
  float: left;
  margin: 0 21px 0 18px;
  font-size: 20px;
}
.task-main-container .searchBox dl dt {
  padding: 5px 0 5px 18px;
  background: #f6f7fb;
}
.task-main-container .searchBox dl dd {
  cursor: pointer;
}
.task-main-container .searchBox dl dd em,
.task-main-container .searchBox dl dd i {
  font-style: normal;
}
.task-main-container .searchBox dl dd > i {
  font-size: 20px;
  float: left;
  margin: 0 21px 0 18px;
}
.task-main-container .searchBox dl dd > i.icon-ic_kanban_big_black_24px {
  font-size: 16px;
  margin-top: 2px;
  margin-left: 20px;
  color: #75818d;
}
.task-main-container .searchBox dl dd > i.icon-card,
.task-main-container .searchBox dl dd > i.icon-description {
  color: #75818d;
}
.task-main-container .searchBox dl dd > .icon-check_box_outline_blank {
  position: relative;
  color: #b9b9bc;
}
.task-main-container .searchBox dl dd > .icon-check_box_outline_blank .icon-check {
  position: absolute;
  left: 2px;
  top: -2px;
  font-size: 19px;
  color: #75818d;
}
.task-main-container .searchBox dl dd > .icon-check_box_outline_blank .icon-check:before {
  position: relative;
  z-index: 2;
}
.task-main-container .searchBox dl dd > .icon-check_box_outline_blank .icon-check:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5px;
  right: 3px;
  background: #fff;
}
.task-main-container .searchBox dl dd .msg {
  overflow: hidden;
  margin-top: 14px;
}
.task-main-container .searchBox dl dd .msg p {
  margin: 0 20px 0 2px;
}
.task-main-container .searchBox dl dd .msg p i {
  display: inline-block;
}
.task-main-container .searchBox dl dd .msg p.top {
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .searchBox dl dd .msg p.top em {
  font-size: .75rem;
  color: #0689dd;
}
.task-main-container .searchBox dl dd .msg p.bottom .name {
  max-width: calc(25%);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .searchBox dl dd .msg p.bottom .detail {
  overflow: hidden;
}
.task-main-container .searchBox .allResults {
  border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0 0 3px 3px;
}
.task-main-container .application {
  background: #fff;
  border-radius: 3px;
  width: 290px;
  height: 380px;
}
.task-main-container .application h5 {
  color: #0083d7;
  font-size: 14px;
  text-align: center;
  line-height: 43px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  margin: 0;
}
.task-main-container .application ul.applicationList {
  overflow: hidden;
  padding: 0 20px;
}
.task-main-container .application ul.applicationList li {
  float: left;
  margin: 12px 22px 0 21px;
  cursor: pointer;
}
.task-main-container .application ul.applicationList li i {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-size: cover;
}
.task-main-container .application ul.applicationList li i.app-folder {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/folder.808227a697.png);
}
.task-main-container .application ul.applicationList li i.app-delete {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/recycle.54cc1a5d43.png);
}
.task-main-container .application ul.applicationList li i.app-archieve {
  background-image: url(https://res-front-cdn.timetask.cn/release/images/archieve.05c6869e76.png);
}
.task-main-container .application ul.applicationList li span {
  display: block;
  text-align: center;
}
.task-main-container .application ul.applicationList .show-archieve.notVip,
.task-main-container .application ul.applicationList .show-archieve.notVip i,
.task-main-container .application ul.applicationList .show-archieve.notVip span {
  cursor: not-allowed;
}
.task-main-container .application ul.applicationList .show-archieve.notVip:after {
  position: absolute;
  content: '\4F1A\5458';
  color: #ffc53f;
  right: 12px;
  top: 101px;
  border: 1px solid #ffc53f;
  border-radius: 2px;
  font-size: 12px;
  padding: 0 2px;
}
.task-main-container .cropper-line,
.task-main-container .cropper-point {
  width: 0;
  height: 0;
}
.task-main-container .cropper-line.point-se,
.task-main-container .cropper-point.point-se {
  width: 10px;
  height: 10px;
  outline: 1px solid #fff;
  background: #878285;
}
.task-main-container .cropper-view-box {
  outline: none;
}
.task-main-container .cropper-bg {
  background: #f6f7fb;
}
.task-main-container .avatarClip.show {
  visibility: visible;
}
.task-main-container .avatarClip {
  position: absolute;
  top: 0;
  left: 66px;
  width: 334px;
  height: 448px;
  z-index: 2001;
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.33);
  border-radius: 3px 2px 2px 2px;
}
.task-main-container .avatarClip .rui-loading-wrapper {
  background: transparent;
  top: 60px!important;
  border: none;
}
.task-main-container .avatarClip header {
  overflow: hidden;
  padding: 22px 9px 18px 15px;
}
.task-main-container .avatarClip header span {
  float: left;
  line-height: 24px;
}
.task-main-container .avatarClip header i {
  float: right;
  line-height: 24px;
  font-size: 24px;
  color: #75818d;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .avatarClip header i:hover {
  color: #016196;
}
.task-main-container .avatarClip > div {
  position: relative;
  margin: 0 18px 40px;
  width: 300px;
  height: 300px;
  background: #f6f7fb;
  border: 1px solid #d9d6d6;
}
.task-main-container .avatarClip > div canvas,
.task-main-container .avatarClip > div div,
.task-main-container .avatarClip > div label {
  position: absolute;
}
.task-main-container .avatarClip > div .sourceCanvas {
  top: 0;
  left: 0;
}
.task-main-container .avatarClip > div .destiCanvas {
  top: 50px;
  left: 50px;
}
.task-main-container .avatarClip > div .point {
  width: 10px;
  height: 10px;
  left: 245px;
  top: 245px;
  background: rgba(0, 0, 0, 0.5);
  outline: 1px solid #fff;
}
.task-main-container .avatarClip > div label {
  left: 0;
  bottom: -36px;
  cursor: pointer;
}
.task-main-container .avatarClip footer {
  margin-top: 4px;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .avatarClip footer div {
  float: right;
  margin: 7px 18px 0 0;
}
.task-main-container .avatarClip footer div .btn {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .personalSettings {
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .task-main-container .personalSettings {
    left: 8%;
    right: 8%;
  }
}
.task-main-container .personalSettings .left {
  float: left;
  width: 30%;
  height: 100%;
  background: #fcfcfc;
}
.task-main-container .personalSettings .left h5 {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  text-align: center;
  line-height: 55px;
}
.task-main-container .personalSettings .left h5 i {
  font-size: 24px;
  margin-right: 7px;
  line-height: 53px;
  display: inline-block;
  vertical-align: top;
}
.task-main-container .personalSettings .left > div ul li,
.task-main-container .personalSettings .left > ul li {
  padding-left: 41px;
  line-height: 56px;
  height: 56px;
  font-size: .75rem;
  color: #666;
}
.task-main-container .personalSettings .left > div ul li:hover,
.task-main-container .personalSettings .left > ul li:hover {
  background: #f2f2f2;
}
.task-main-container .personalSettings .left > div ul li.selected,
.task-main-container .personalSettings .left > ul li.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .personalSettings .left > div ul li.selected .msg p.top em,
.task-main-container .personalSettings .left > div ul li.selected .type-link,
.task-main-container .personalSettings .left > div ul li.selected > i,
.task-main-container .personalSettings .left > div ul li.selected > span,
.task-main-container .personalSettings .left > div ul li.selected > span > i,
.task-main-container .personalSettings .left > ul li.selected .msg p.top em,
.task-main-container .personalSettings .left > ul li.selected .type-link,
.task-main-container .personalSettings .left > ul li.selected > i,
.task-main-container .personalSettings .left > ul li.selected > span,
.task-main-container .personalSettings .left > ul li.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem {
  overflow: hidden;
  font-size: .75rem;
  color: #666;
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem > i {
  margin-top: 12px;
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem > i.icon-ic_kanban_big_black_24px {
  margin-top: 16px !important;
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected {
  background: #1384d5;
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected:hover {
  background: #2a90d9;
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem:hover {
  background: #f2f2f2;
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected {
  position: relative;
  font-size: .75rem;
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected .msg p.top em,
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected .type-link,
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected > i,
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected > span,
.task-main-container .personalSettings .left > dl.resultsBox dd.resultsItem.selected > span > i {
  color: rgba(255, 255, 255, 0.96);
}
.task-main-container .personalSettings .left > ul li {
  cursor: pointer;
}
.task-main-container .personalSettings .left > ul li.selected {
  background: #1384d5;
}
.task-main-container .personalSettings .right {
  float: right;
  width: 70%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding: 55px 0 0 13.29%;
  overflow-y: auto;
}
.task-main-container .personalSettings .right .btn.btn-fifth-outline {
  border-radius: 100px;
}
.task-main-container .personalSettings .right .header + div,
.task-main-container .personalSettings .right section {
  height: calc(44%);
}
.task-main-container .personalSettings .right .doc-check-component.doc-check-type-a {
  height: 100%;
  overflow-y: auto;
  width: 80%;
  padding-right: 10px;
  margin: 0 auto;
}
.task-main-container .personalSettings .right .doc-check-component.doc-check-type-a .doc-check-header {
  display: none;
}
.task-main-container .personalSettings .right .doc-check-component.doc-check-type-a .comment .left {
  background-color: inherit;
}
.task-main-container .personalSettings .right .doc-check-component.doc-check-type-a .comment .right {
  border: none;
}
.task-main-container .personalSettings .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  left: 0;
  margin-left: 50%;
}
.task-main-container .personalSettings .right .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
  text-align: left;
}
.task-main-container .personalSettings .right .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
  display: inline;
}
.task-main-container .personalSettings .right > div:not(.accountSet):not(.preference),
.task-main-container .personalSettings .right > ul {
  height: 100%;
}
.task-main-container .personalSettings .right ul.basicInfoDetail {
  position: relative;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li {
  height: 65px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li.avatarLi {
  margin-bottom: 13px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li.saveLi {
  margin-top: 7px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li span:nth-child(1) {
  font-size: .75rem;
  color: #617a8b;
  font-size: 14px;
  margin-right: 80px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li span.avatar.floatLeft {
  line-height: 48px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li span.type-caption-black {
  display: block;
  margin: 2px 0 0 112px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li label.upload {
  cursor: pointer;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li input[type=file] {
  display: none;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .btn {
  color: #fff;
  width: 349px;
  line-height: 22px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li img {
  width: 48px;
  height: 48px;
  margin-right: 22px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li input {
  background: rgba(255, 255, 255, 0.56);
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  width: 238px;
  height: 26px;
  padding-left: 11px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li span.floatLeft {
  float: left;
  line-height: 28px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay {
  display: inline-block;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth {
  position: relative;
  float: left;
  height: 28px;
  background: rgba(255, 255, 255, 0.56);
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth span:nth-child(1) {
  display: inline-block;
  width: 52px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 0;
  cursor: pointer;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth span:nth-child(2) {
  margin: 0 9px 0 0;
  line-height: 28px;
  float: right;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap {
  position: absolute;
  width: 75px;
  overflow: hidden;
  min-width: 75px;
  background: #fff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.24);
  border-radius: 2px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul {
  padding: 6px 0;
  height: 200px;
  width: 92px;
  overflow-y: auto;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li.dropdown-item {
  padding: 0 0 0 18px;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li {
  padding-left: 18px;
  line-height: 32px;
  height: 32px;
  width: 75px;
  overflow: hidden;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li span {
  float: left;
  width: 20px;
  text-align: left;
  font-size: .75rem;
  color: #666;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li .save.disabled {
  cursor: not-allowed;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li .icon-check {
  font-size: 20px;
  float: right;
  line-height: 27px;
  margin-right: 6px;
  color: #1ba4ff;
  visibility: hidden;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li.selected {
  background: #eee;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth .wrap ul li.selected .icon-check {
  visibility: visible;
}
.task-main-container .personalSettings .right ul.basicInfoDetail li .birthDay .birth + .birth {
  margin-left: 8px;
}
.task-main-container .personalSettings .right .accountSet {
  width: 400px;
}
.task-main-container .personalSettings .right .accountSet h5 {
  position: relative;
  padding-bottom: 17px;
  margin-bottom: 28px;
}
.task-main-container .personalSettings .right .accountSet h5:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #0f8ee5;
}
.task-main-container .personalSettings .right .accountSet ul {
  margin-bottom: 42px;
  height: auto;
}
.task-main-container .personalSettings .right .accountSet ul li span:nth-child(1) {
  float: left;
}
.task-main-container .personalSettings .right .accountSet ul li input {
  width: 270px;
  border-radius: 2px;
  line-height: 26px;
  height: 26px;
  padding-left: 6px;
  background: rgba(255, 255, 255, 0.56);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.task-main-container .personalSettings .right .accountSet ul li span.cancel {
  border: 1px solid #f56467;
  color: #f56467;
}
.task-main-container .personalSettings .right .accountSet ul li > span.type-menu-black {
  width: 130px;
}
.task-main-container .personalSettings .right .accountSet ul li span.save {
  float: none;
}
.task-main-container .personalSettings .right .accountSet ul li.edit .showing {
  display: none;
}
.task-main-container .personalSettings .right .accountSet ul li.edit .editing {
  display: block;
}
.task-main-container .personalSettings .right .accountSet ul li + li {
  margin-top: 36px;
}
.task-main-container .personalSettings .right .accountSet .loginPassword li:nth-last-child(1) {
  margin-left: 130px;
}
.task-main-container .personalSettings .right .accountSet .loginPassword li:nth-last-child(1) span.save {
  float: none;
}
.task-main-container .personalSettings .right .accountSet .loginPassword li + li {
  margin-top: 0;
}
.task-main-container .personalSettings .right .accountSet .loginPassword li span.msgBox {
  display: inline-block;
  visibility: hidden;
  margin-left: 130px;
  padding: 4px 0 18px;
  color: red;
}
.task-main-container .personalSettings .right .accountSet .loginPassword li span.msgBox.show {
  visibility: visible;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li > span:nth-child(1) {
  padding-bottom: 31px;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li span.sendEmail {
  margin-right: 14px;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li span.type-link {
  font-weight: 400;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li .showing .modify {
  margin-left: 14px;
  cursor: pointer;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li .editing {
  display: none;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li .editing input {
  margin: 0 0 13px;
  font-weight: 400;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li .editing .confirm,
.task-main-container .personalSettings .right .accountSet .loginAccount li .editing .sendValiCode {
  width: 60px;
  padding: 7px 0;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li.edit.phone .editing input {
  width: 188px;
  margin-right: 18px;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li.edit .showing {
  display: none;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li.edit > span:nth-child(1) {
  padding-bottom: 96px;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li.edit .editing {
  display: block;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li.mail.edit > span:nth-child(1) {
  padding-bottom: 50px;
}
.task-main-container .personalSettings .right .accountSet .loginAccount li.phone input {
  margin-right: 18px;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li + li {
  margin-top: 23px;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li {
  line-height: 32px;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li img {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 33px;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li i {
  font-style: normal;
  margin-left: 10px;
  font-weight: 400;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li .btn {
  float: right;
  margin-top: 2px;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li span i:nth-child(1) {
  margin-left: 0;
}
.task-main-container .personalSettings .right .accountSet .thirdPartyLogin li span.type-menu-black.hidden i {
  visibility: hidden;
}
.task-main-container .personalSettings .right .preference {
  width: 400px;
}
.task-main-container .personalSettings .right .preference ul.skins {
  overflow: hidden;
}
.task-main-container .personalSettings .right .preference ul.skins h6 span.type-caption-black {
  margin-left: 176px;
}
.task-main-container .personalSettings .right .preference ul.skins h6 .btn-danger {
  margin-left: 10px;
  padding: 4px;
}
.task-main-container .personalSettings .right .preference ul.skins.disable-select li:after {
  position: absolute;
  content: '';
  z-index: 10;
  cursor: not-allowed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}
.task-main-container .personalSettings .right .preference ul.skins.disable-select .selected .select {
  display: none;
}
.task-main-container .personalSettings .right .preference ul.skins li {
  position: relative;
  float: left;
  margin-top: 15px;
  cursor: pointer;
  border-radius: 2px;
}
.task-main-container .personalSettings .right .preference ul.skins li .skin {
  border-radius: 2px;
  width: 64px;
  height: 40px;
  position: relative;
}
.task-main-container .personalSettings .right .preference ul.skins li + li {
  margin-left: 20px;
}
.task-main-container .personalSettings .right .preference ul.skins .select {
  width: 9px;
  height: 9px;
  position: absolute;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  background: #fff;
  display: none;
}
.task-main-container .personalSettings .right .preference ul.skins .select .icon-check {
  margin-top: -3px;
  margin-left: -1px;
  font-size: 8px;
  position: absolute;
  color: #1f87e6;
}
.task-main-container .personalSettings .right .preference ul.skins li:nth-child(7),
.task-main-container .personalSettings .right .preference ul.skins li:nth-child(12) {
  margin-left: 0;
}
.task-main-container .personalSettings .right .preference ul.skins li.selected .select {
  display: block;
}
.task-main-container .personalSettings .right .preference .auto-assign {
  margin-top: 33px;
}
.task-main-container .personalSettings .right .preference .auto-assign .toggleDistri {
  float: right;
}
.task-main-container .personalSettings .right .preference .auto-assign .toggleDistri .toggle .handle {
  width: 16px;
  height: 16px;
  top: 5px;
}
.task-main-container .personalSettings .right .preference .auto-assign .toggleDistri .toggle .track {
  width: 27px;
  height: 16px;
}
.task-main-container .personalSettings .right .preference .auto-assign .toggleDistri .toggle input:checked + .track .handle {
  left: -2px;
}
.task-main-container .personalSettings .right .preference .set-view-auth {
  margin-top: 23px;
}
.task-main-container .personalSettings .right .preference .set-view-auth > span {
  float: left;
}
.task-main-container .personalSettings .right .preference .set-view-auth .wrap.dropdown {
  float: right;
  padding-left: 65px;
}
.task-main-container .personalSettings .right .preference .set-view-auth .wrap.dropdown .select-view-auth {
  float: right;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}
.task-main-container .personalSettings .right .preference .set-view-auth .wrap.dropdown .select-view-auth > span {
  cursor: pointer;
}
.task-main-container .personalSettings .right .preference .set-view-auth .wrap.dropdown .select-view-auth > i {
  width: 20px;
  height: 20px;
  font-size: 20px;
  margin-left: 14px;
  vertical-align: sub;
}
.task-main-container body.firefox .personalSettings .right .preference ul.skins .select .icon-check {
  margin-left: 1px;
  margin-top: 0;
}
.task-main-container body.edge .personalSettings .right .preference ul.skins .select .icon-check,
.task-main-container body.ie .personalSettings .right .preference ul.skins .select .icon-check {
  margin-left: 1px;
  margin-top: -1px;
}
.task-main-container body.webkit .vip-pay-view section.scroll {
  padding-right: 54px;
}
.task-main-container .vip-pay-view {
  background: #f2f6fb;
  top: 0;
  left: 50%;
  width: 62.5rem;
  min-height: 35.875rem;
  bottom: 0;
  margin-left: -31.25rem;
  position: absolute;
  padding: 0 60px 40px;
}
.task-main-container .vip-pay-view .menu-system-primary,
.task-main-container .vip-pay-view .type-system {
  color: #626263;
}
.task-main-container .vip-pay-view .type-body1-black {
  color: #333;
}
.task-main-container .vip-pay-view header {
  margin: 26px 0 21px;
  padding: 2px;
  overflow: hidden;
}
.task-main-container .vip-pay-view header .pull-left {
  line-height: 28px;
}
.task-main-container .vip-pay-view section {
  height: calc(20%);
  overflow-y: auto;
  margin-right: -59px;
  padding-right: 59px;
}
.task-main-container .vip-pay-view section.scroll {
  padding-right: 42px;
}
.task-main-container .vip-pay-view section.show-scroll-bar {
  padding-right: 10px;
}
.task-main-container .vip-pay-view section ul {
  padding: 22px 24px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #ededed;
  border-bottom-color: #d8d8d8;
  height: 128px;
  position: relative;
}
.task-main-container .vip-pay-view section ul .danger {
  color: #ff5959;
}
.task-main-container .vip-pay-view section ul .renew {
  position: absolute;
  right: 21px;
  top: 23px;
}
.task-main-container .vip-pay-view section ul .renew.expire {
  display: block;
}
.task-main-container .vip-pay-view section ul + ul {
  margin-top: 9px;
}
.task-main-container .vip-pay-view section ul li + li {
  margin-top: 13px;
}
.task-main-container .vip-pay-view section ul li span + span {
  margin-left: 30px;
}
.task-main-container .pay-page-view,
.task-main-container .payPage {
  background: #f2f6fb;
  top: 0;
  left: 50%;
  width: 62.5rem;
  min-height: 35.875rem;
  bottom: 0;
  margin-left: -31.25rem;
  position: absolute;
}
.task-main-container .pay-page-view .tableContent,
.task-main-container .payPage .tableContent {
  width: 100%;
  height: 100%;
  position: relative;
}
.task-main-container .pay-page-view .tableContent > li,
.task-main-container .payPage .tableContent > li {
  width: 13.75rem;
  top: 1.6875rem;
  bottom: 1.6875rem;
  display: block;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.09);
  background: #fff;
  position: absolute;
}
.task-main-container .pay-page-view .tableContent > li.free,
.task-main-container .payPage .tableContent > li.free {
  left: 1.9375rem;
}
.task-main-container .pay-page-view .tableContent > li.free header .proBtn,
.task-main-container .payPage .tableContent > li.free header .proBtn {
  cursor: not-allowed;
}
.task-main-container .pay-page-view .tableContent > li.professionalYear1,
.task-main-container .payPage .tableContent > li.professionalYear1 {
  left: 16.875rem;
}
.task-main-container .pay-page-view .tableContent > li.teamB,
.task-main-container .payPage .tableContent > li.teamB {
  left: 31.8125rem;
}
.task-main-container .pay-page-view .tableContent > li.team100,
.task-main-container .payPage .tableContent > li.team100 {
  left: 46.75rem;
}
.task-main-container .pay-page-view .tableContent > li.team100 .price,
.task-main-container .payPage .tableContent > li.team100 .price {
  width: 190px;
  left: -1.3rem;
  position: relative;
}
.task-main-container .pay-page-view .tableContent > li .gift,
.task-main-container .payPage .tableContent > li .gift {
  position: absolute;
  right: -1rem;
  top: -1rem;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  background: url("https://res-front-cdn.rishiqing.com/common/img/pay/Gift%401x.png");
}
.task-main-container .pay-page-view .tableContent > li header,
.task-main-container .payPage .tableContent > li header {
  position: absolute;
  top: 0;
  height: 207px;
  width: 160px;
  left: 2.1875rem;
  border-bottom: 1px solid #eaeaea;
}
.task-main-container .pay-page-view .tableContent > li header h3,
.task-main-container .payPage .tableContent > li header h3 {
  text-align: center;
  font-size: 1.5rem;
  color: #666;
  font-weight: 400;
  margin-top: 1.625rem;
  position: relative;
}
.task-main-container .pay-page-view .tableContent > li header h3 i.convertCode,
.task-main-container .payPage .tableContent > li header h3 i.convertCode {
  display: block;
  width: 36px;
  height: 18px;
  background: #70aef5;
  position: absolute;
  top: 4px;
  right: 3px;
  background: url("https://res-front-cdn.rishiqing.com/common/img/pay/Group%2016.png");
  cursor: pointer;
}
.task-main-container .pay-page-view .tableContent > li header .price,
.task-main-container .payPage .tableContent > li header .price {
  text-align: center;
  color: #333;
}
.task-main-container .pay-page-view .tableContent > li header .price .price_number,
.task-main-container .payPage .tableContent > li header .price .price_number {
  font-size: 2.25rem;
  display: inline-block;
  margin: 0;
  padding: 0;
}
.task-main-container .pay-page-view .tableContent > li header .price .price_unit,
.task-main-container .payPage .tableContent > li header .price .price_unit {
  font-size: 1.125rem;
  color: #333;
  text-align: left;
  display: inline-block;
  margin: 0 0 0 .5rem;
  padding: 0;
}
.task-main-container .pay-page-view .tableContent > li header .peopleNumLimit,
.task-main-container .payPage .tableContent > li header .peopleNumLimit {
  text-align: center;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn,
.task-main-container .payPage .tableContent > li header .proBtn {
  border-radius: 4px;
  width: 8.5rem;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.96);
  cursor: pointer;
  text-align: center;
  position: absolute;
  top: 154px;
  left: 12px;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=gray],
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=gray] {
  background: #d8d8d8;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=gray].notOpen,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=gray].notOpen {
  cursor: not-allowed;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=green],
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=green] {
  background: #6fdeab;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=green]:hover,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=green]:hover {
  background: #6dde9f;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=green]:active,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=green]:active {
  background: #6dde9f;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=blue1],
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=blue1] {
  background: #31a1ff;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=blue1]:hover,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=blue1]:hover {
  background: #4396ff;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=blue1]:active,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=blue1]:active {
  background: #4396ff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=blue2],
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=blue2] {
  background: #2485ff;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=blue2]:hover,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=blue2]:hover {
  background: #225eff;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=blue2]:active,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=blue2]:active {
  background: #225eff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=gold],
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=gold] {
  background: #f6a623;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=gold]:hover,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=gold]:hover {
  background: #f29c21;
}
.task-main-container .pay-page-view .tableContent > li header .proBtn[data-backColor=gold]:active,
.task-main-container .payPage .tableContent > li header .proBtn[data-backColor=gold]:active {
  background: #f29c21;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .pay-page-view .tableContent > li header .youHuiTag,
.task-main-container .payPage .tableContent > li header .youHuiTag {
  position: absolute;
  bottom: 6px;
  text-align: center;
  color: #e4193e;
  left: 0;
  right: 0;
  font-size: 14px;
}
.task-main-container .pay-page-view .tableContent > li section,
.task-main-container .payPage .tableContent > li section {
  position: absolute;
  width: 100%;
  background: #fff;
  top: 207px;
  bottom: 0;
}
.task-main-container .pay-page-view .tableContent > li section .body_ul,
.task-main-container .payPage .tableContent > li section .body_ul {
  position: absolute;
  top: 1rem;
  width: 100%;
}
.task-main-container .pay-page-view .tableContent > li section .body_ul > li,
.task-main-container .payPage .tableContent > li section .body_ul > li {
  width: 100%;
  text-align: center;
  line-height: 2.3125rem;
  height: 2.3125rem;
  font-size: .75rem;
  color: #666;
}
.task-main-container .pay-page-view .tableContent > li section .body_ul > li.thank,
.task-main-container .payPage .tableContent > li section .body_ul > li.thank {
  color: #fd7d38;
}
.task-main-container .pay-page-view .tableContent > li section .body_ul > li.thank p,
.task-main-container .payPage .tableContent > li section .body_ul > li.thank p {
  padding: 0 1.8rem;
}
.task-main-container .pay-page-view .tableContent > li section .convertCode,
.task-main-container .payPage .tableContent > li section .convertCode {
  background: #70aef5;
  border-radius: 4px;
  width: 8.5rem;
  height: 2.25rem;
  line-height: 2.25rem;
  font-size: .875rem;
  color: rgba(255, 255, 255, 0.66);
  cursor: pointer;
  text-align: center;
  position: absolute;
  bottom: .625rem;
  left: 2.625rem;
}
.task-main-container .pay-page-view .tableContent > li section .convertCode:hover,
.task-main-container .payPage .tableContent > li section .convertCode:hover {
  background: #6c9cf5;
}
.task-main-container .pay-page-view .tableContent > li section .convertCode:active,
.task-main-container .payPage .tableContent > li section .convertCode:active {
  background: #6c9cf5;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .pay-page-view .tableContent > li section .convertCode.disabled,
.task-main-container .payPage .tableContent > li section .convertCode.disabled {
  background: #a3a3a3;
  cursor: not-allowed;
}
.task-main-container .pay-page-view .tableContent > li section .convertCode:before,
.task-main-container .payPage .tableContent > li section .convertCode:before {
  content: '';
  background: none;
  position: absolute;
  left: .5625rem;
  top: .5rem;
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-right: none;
  display: block;
  width: .375rem;
  height: 1.25rem;
}
.task-main-container .pay-page-view .tableContent > li section .convertCode:after,
.task-main-container .payPage .tableContent > li section .convertCode:after {
  content: '';
  background: none;
  position: absolute;
  right: .5625rem;
  top: .5rem;
  border: 2px solid rgba(0, 0, 0, 0.07);
  border-left: none;
  display: block;
  width: .375rem;
  height: 1.25rem;
}
.task-main-container .pay-page-view .tableContent > li section .bottomDis,
.task-main-container .payPage .tableContent > li section .bottomDis {
  font-size: .75rem;
  text-align: center;
  color: #67a7ce;
  position: absolute;
  width: 100%;
  bottom: 1.5rem;
}
.task-main-container .pay-page-view .tableContent > li section .bottomDis2,
.task-main-container .payPage .tableContent > li section .bottomDis2 {
  font-size: .75rem;
  text-align: center;
  color: #67a7ce;
  position: absolute;
  width: 100%;
  bottom: 5.75rem;
}
.task-main-container .pay-page-view .tableContent > li section .bottomDis3,
.task-main-container .payPage .tableContent > li section .bottomDis3 {
  font-size: .75rem;
  text-align: center;
  color: #e23;
  position: absolute;
  width: 100%;
  bottom: 5.75rem;
}
.task-main-container .pay-page-view .chooseYear,
.task-main-container .payPage .chooseYear {
  position: relative;
  width: 100%;
  height: 100%;
}
.task-main-container .pay-page-view .chooseYear h1,
.task-main-container .payPage .chooseYear h1 {
  position: absolute;
  top: 2.125rem;
  font-size: 24px;
  color: #657d8e;
  text-align: center;
  width: 100%;
}
.task-main-container .pay-page-view .chooseYear .leftCont,
.task-main-container .payPage .chooseYear .leftCont {
  position: absolute;
  left: 4.5rem;
  top: 6rem;
  width: 26.6875rem;
  height: 21.25rem;
  border-right: 1px solid #fff;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose header,
.task-main-container .payPage .chooseYear .leftCont .chose header {
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
  margin-bottom: 1.75rem;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li {
  position: relative;
  width: 7.375rem;
  height: 7.375rem;
  margin-right: 1.125rem;
  margin-top: 1rem;
  background: #fff;
  border: 1px solid transparent;
  float: left;
  cursor: pointer;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li.active,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li.active {
  border: 1px solid #0096f6;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li.active .chosen,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li.active .chosen {
  display: block;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li:hover,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li:hover {
  border: 1px solid #0096f6;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .chosen,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .chosen {
  display: none;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 2.75rem solid #0096f6;
  border-bottom: 2.75rem solid transparent;
  text-align: center;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .chosen i,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .chosen i {
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  left: 3px;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .year,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .year {
  position: absolute;
  top: 1.75rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .note,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .note {
  position: absolute;
  top: 3rem;
  text-align: center;
  left: 0;
  right: 0;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .money,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .money {
  position: absolute;
  bottom: 1.6875rem;
  left: 0;
  right: 0;
  text-align: center;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .money span.orgFee,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .money span.orgFee {
  color: #a3a3a3;
}
.task-main-container .pay-page-view .chooseYear .leftCont .chose > ul li .money span.orgFee i,
.task-main-container .payPage .chooseYear .leftCont .chose > ul li .money span.orgFee i {
  text-decoration: line-through;
  font-style: normal;
}
.task-main-container .pay-page-view .chooseYear .leftCont .bottomNote,
.task-main-container .payPage .chooseYear .leftCont .bottomNote {
  position: absolute;
  top: 23rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont,
.task-main-container .payPage .chooseYear .rightCont {
  position: absolute;
  right: 4.5rem;
  top: 6rem;
  width: 24rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent header,
.task-main-container .payPage .chooseYear .rightCont .fpContent header {
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
  margin-bottom: 0.90625rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr {
  height: 3.5625rem;
  line-height: 3.5625rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td1,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr .td1 {
  width: 5.25rem;
  font-size: 13px;
  color: #657d8e;
  text-align: left;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td2,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr .td2 {
  width: 18.75rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td2 input,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr .td2 input {
  width: 100%;
  background: #fff;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td3,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr .td3 {
  width: 18.75rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td3 input,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr .td3 input {
  width: 11.875rem;
  background: #fff;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  height: 1.75rem;
  line-height: 1.75rem;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .chooseYear .rightCont .fpContent table tbody tr .td3 .btn,
.task-main-container .payPage .chooseYear .rightCont .fpContent table tbody tr .td3 .btn {
  float: right;
  width: 6rem;
  text-align: center;
  margin-top: 0.875rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .bottomBar,
.task-main-container .payPage .chooseYear .rightCont .bottomBar {
  width: 18.5rem;
  height: 4rem;
  margin-top: 1rem;
  border-top: 1px solid #dcdcdc;
  float: right;
}
.task-main-container .pay-page-view .chooseYear .rightCont .bottomBar .price,
.task-main-container .payPage .chooseYear .rightCont .bottomBar .price {
  float: left;
  width: 6.25rem;
  height: 2rem;
  line-height: 2rem;
  margin-top: 1.1875rem;
  margin-left: 1rem;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .chooseYear .rightCont .bottomBar .price span.num,
.task-main-container .payPage .chooseYear .rightCont .bottomBar .price span.num {
  font-size: .75rem;
  color: #1ba4ff;
  padding-left: 1rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .bottomBar .saveBtn,
.task-main-container .payPage .chooseYear .rightCont .bottomBar .saveBtn {
  float: right;
  border-radius: 1.25rem;
  margin-top: 1.1875rem;
}
.task-main-container .pay-page-view .chooseYear .rightCont .bottomBar .saveBtn.disabled2,
.task-main-container .payPage .chooseYear .rightCont .bottomBar .saveBtn.disabled2 {
  cursor: not-allowed;
  opacity: .65;
  box-shadow: none;
}
.task-main-container .pay-page-view .convertCode h1,
.task-main-container .payPage .convertCode h1 {
  position: absolute;
  top: 2.125rem;
  font-size: 24px;
  color: #657d8e;
  text-align: center;
  width: 100%;
}
.task-main-container .pay-page-view .convertCode .leftCont,
.task-main-container .payPage .convertCode .leftCont {
  position: absolute;
  left: 11.5rem;
  width: 19.75rem;
  top: 8.125rem;
}
.task-main-container .pay-page-view .convertCode .leftCont .title,
.task-main-container .payPage .convertCode .leftCont .title {
  font-size: .75rem;
  color: #666;
  line-height: 1.625rem;
}
.task-main-container .pay-page-view .convertCode .leftCont .convertEmail,
.task-main-container .payPage .convertCode .leftCont .convertEmail {
  font-size: .75rem;
  color: #a3a3a3;
  line-height: 1.625rem;
}
.task-main-container .pay-page-view .convertCode .leftCont .codeInput,
.task-main-container .payPage .convertCode .leftCont .codeInput {
  background: #fffefe;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-radius: 3px;
  margin-top: 1.625rem;
  height: 2.25rem;
  width: 16rem;
  padding-left: 1rem;
  line-height: 2.25rem;
}
.task-main-container .pay-page-view .convertCode .leftCont .convertBtn,
.task-main-container .payPage .convertCode .leftCont .convertBtn {
  margin-top: 1.875rem;
  width: 5.625rem;
  height: 1.875rem;
  background: #1ba4ff;
  color: #fff;
  line-height: 1.875rem;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}
.task-main-container .pay-page-view .convertCode .leftCont .convertBtn:hover,
.task-main-container .payPage .convertCode .leftCont .convertBtn:hover {
  background: #32adff;
}
.task-main-container .pay-page-view .convertCode .leftCont .convertBtn:active,
.task-main-container .payPage .convertCode .leftCont .convertBtn:active {
  background: #32adff;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.task-main-container .pay-page-view .convertCode .rightCont,
.task-main-container .payPage .convertCode .rightCont {
  position: absolute;
  right: 11.5rem;
  width: 19.75rem;
  border-left: 1px solid #fff;
  height: 21.125rem;
  top: 8.125rem;
  padding-left: 4rem;
}
.task-main-container .pay-page-view .convertCode .rightCont .title,
.task-main-container .payPage .convertCode .rightCont .title {
  font-size: .75rem;
  color: #666;
  line-height: 1.625rem;
}
.task-main-container .pay-page-view .convertCode .rightCont .describe,
.task-main-container .payPage .convertCode .rightCont .describe {
  font-size: .75rem;
  color: #a3a3a3;
  line-height: 1.625rem;
}
.task-main-container .pay-page-view .convertCode .convertSuccessPic,
.task-main-container .payPage .convertCode .convertSuccessPic {
  background: url("https://res-front-cdn.timetask.cn/common/img/promo-code/promo-code.png");
  background-size: contain;
  width: 12.625rem;
  height: 6.75rem;
  margin-top: 6.75rem;
  margin-left: 25rem;
}
.task-main-container .pay-page-view .convertCode .convertSuccessText,
.task-main-container .payPage .convertCode .convertSuccessText {
  margin-top: 2.3125rem;
  text-align: center;
  font-size: 32px;
  color: #70aef5;
}
.task-main-container .pay-page-view .finalPay_container .finalPay,
.task-main-container .payPage .finalPay_container .finalPay {
  width: 40rem;
  text-align: left;
  min-height: 31.25rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20rem;
}
.task-main-container .pay-page-view .finalPay_container .finalPay h1,
.task-main-container .payPage .finalPay_container .finalPay h1 {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  color: #4b74a0;
  text-align: center;
  margin-top: 1.25rem;
}
.task-main-container .pay-page-view .finalPay_container .finalPay p,
.task-main-container .payPage .finalPay_container .finalPay p {
  display: block;
  height: 1rem;
  line-height: 1rem;
  font-size: .75rem;
  margin-top: 4.5rem;
  margin-bottom: 2.8125rem;
}
.task-main-container .pay-page-view .finalPay_container .finalPay p span,
.task-main-container .payPage .finalPay_container .finalPay p span {
  color: #0096f6;
  font-weight: 400;
}
.task-main-container .pay-page-view .finalPay_container .finalPay p b,
.task-main-container .payPage .finalPay_container .finalPay p b {
  font-weight: 400;
}
.task-main-container .pay-page-view .finalPay_container .finalPay p #orderNumber,
.task-main-container .payPage .finalPay_container .finalPay p #orderNumber {
  color: #0096f6;
}
.task-main-container .pay-page-view .finalPay_container .finalPay h2,
.task-main-container .payPage .finalPay_container .finalPay h2 {
  height: 1.5625rem;
  line-height: 1.5625rem;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
  font-weight: 400;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul,
.task-main-container .payPage .finalPay_container .finalPay ul {
  margin: 0 0 3.4375rem;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li,
.task-main-container .payPage .finalPay_container .finalPay ul li {
  display: block;
  float: left;
  width: 10.8125rem;
  height: 6.75rem;
  margin: 0 3.5625rem 0 0;
  padding: 0;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li#aliPay,
.task-main-container .payPage .finalPay_container .finalPay ul li#aliPay {
  background: url(https://res-front-cdn.timetask.cn/release/images/alipay.2247c4fa5b.png);
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li#weChartPay,
.task-main-container .payPage .finalPay_container .finalPay ul li#weChartPay {
  background: url(https://res-front-cdn.timetask.cn/release/images/weChartPay.bd71129c6e.png);
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li#cyBerBankPay,
.task-main-container .payPage .finalPay_container .finalPay ul li#cyBerBankPay {
  background: url(https://res-front-cdn.timetask.cn/release/images/cyBerBankPay.d0a2ef3ca5.png);
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li:hover,
.task-main-container .payPage .finalPay_container .finalPay ul li:hover {
  border: 1px solid #65717a;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li .chosen,
.task-main-container .payPage .finalPay_container .finalPay ul li .chosen {
  display: none;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 2.75rem solid #0096f6;
  border-bottom: 2.75rem solid transparent;
  text-align: center;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li .chosen i,
.task-main-container .payPage .finalPay_container .finalPay ul li .chosen i {
  font-size: 1.5rem;
  color: #fff;
  position: absolute;
  left: 3px;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li.active .chosen,
.task-main-container .payPage .finalPay_container .finalPay ul li.active .chosen {
  display: block;
}
.task-main-container .pay-page-view .finalPay_container .finalPay ul li:last-child,
.task-main-container .payPage .finalPay_container .finalPay ul li:last-child {
  margin-right: 0;
}
.task-main-container .pay-page-view .finalPay_container .finalPay footer .btn-primary,
.task-main-container .payPage .finalPay_container .finalPay footer .btn-primary {
  border-radius: 1.25rem;
  float: right;
}
.task-main-container .pay-page-view .cyBerBankPay .finalPay,
.task-main-container .pay-page-view .weChartPay .finalPay,
.task-main-container .payPage .cyBerBankPay .finalPay,
.task-main-container .payPage .weChartPay .finalPay {
  width: 50rem;
  text-align: left;
  min-height: 31.25rem;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25rem;
}
.task-main-container .pay-page-view .cyBerBankPay .finalPay h1,
.task-main-container .pay-page-view .weChartPay .finalPay h1,
.task-main-container .payPage .cyBerBankPay .finalPay h1,
.task-main-container .payPage .weChartPay .finalPay h1 {
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
  color: #4b74a0;
  text-align: center;
  margin-top: 1.25rem;
}
.task-main-container .pay-page-view .cyBerBankPay .finalPay > p,
.task-main-container .pay-page-view .weChartPay .finalPay > p,
.task-main-container .payPage .cyBerBankPay .finalPay > p,
.task-main-container .payPage .weChartPay .finalPay > p {
  display: block;
  height: 1rem;
  line-height: 1rem;
  font-size: .75rem;
  margin-top: 1.875rem;
  margin-bottom: 2.8125rem;
  text-align: center;
}
.task-main-container .pay-page-view .cyBerBankPay .finalPay > p span,
.task-main-container .pay-page-view .weChartPay .finalPay > p span,
.task-main-container .payPage .cyBerBankPay .finalPay > p span,
.task-main-container .payPage .weChartPay .finalPay > p span {
  color: #0096f6;
  font-weight: 400;
}
.task-main-container .pay-page-view .cyBerBankPay .finalPay > p b,
.task-main-container .pay-page-view .weChartPay .finalPay > p b,
.task-main-container .payPage .cyBerBankPay .finalPay > p b,
.task-main-container .payPage .weChartPay .finalPay > p b {
  font-weight: 400;
}
.task-main-container .pay-page-view .cyBerBankPay .finalPay > p #orderNumber,
.task-main-container .pay-page-view .weChartPay .finalPay > p #orderNumber,
.task-main-container .payPage .cyBerBankPay .finalPay > p #orderNumber,
.task-main-container .payPage .weChartPay .finalPay > p #orderNumber {
  color: #0096f6;
}
.task-main-container .pay-page-view .weChartPay .leftCont,
.task-main-container .payPage .weChartPay .leftCont {
  width: 26.25rem;
  height: 26.25rem;
  border-right: 1px solid #fff;
  float: left;
}
.task-main-container .pay-page-view .weChartPay .leftCont header,
.task-main-container .payPage .weChartPay .leftCont header {
  text-align: center;
  height: 1.5625rem;
  line-height: 1.5625rem;
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
  font-weight: 400;
  width: 19.0625rem;
}
.task-main-container .pay-page-view .weChartPay .leftCont .bigBox,
.task-main-container .payPage .weChartPay .leftCont .bigBox {
  background: #fff;
  width: 19.0625rem;
  height: 16.875rem;
  border: 1px solid #ccc;
}
.task-main-container .pay-page-view .weChartPay .leftCont .bigBox article,
.task-main-container .payPage .weChartPay .leftCont .bigBox article {
  float: left;
  width: 16.75rem;
  height: 16.75rem;
  padding: .5625rem;
  border-right: 1px solid #ccc;
}
.task-main-container .pay-page-view .weChartPay .leftCont .bigBox article img,
.task-main-container .payPage .weChartPay .leftCont .bigBox article img {
  width: 15.625rem;
  height: 15.625rem;
}
.task-main-container .pay-page-view .weChartPay .leftCont .bigBox aside,
.task-main-container .payPage .weChartPay .leftCont .bigBox aside {
  float: right;
  width: 2.1875rem;
  height: 16.75rem;
  position: relative;
  background: #f6f6f6;
}
.task-main-container .pay-page-view .weChartPay .leftCont .bigBox aside i,
.task-main-container .payPage .weChartPay .leftCont .bigBox aside i {
  position: absolute;
  top: .625rem;
  font-size: 1.25rem;
  left: 0.4375rem;
}
.task-main-container .pay-page-view .weChartPay .leftCont .bigBox aside span,
.task-main-container .payPage .weChartPay .leftCont .bigBox aside span {
  display: block;
  width: .8125rem;
  font-size: .75rem;
  color: #333;
  margin-left: .5625rem;
  margin-top: 2.25rem;
  line-height: .875rem;
  text-align: center;
}
.task-main-container .pay-page-view .weChartPay .leftCont footer,
.task-main-container .payPage .weChartPay .leftCont footer {
  width: 10rem;
  height: 2.5rem;
  margin-top: 1.625rem;
  margin-left: 4.375rem;
  background: url(https://res-front-cdn.timetask.cn/release/images/sao1sao.55a618610c.png) no-repeat;
}
.task-main-container .pay-page-view .weChartPay .leftCont footer p,
.task-main-container .payPage .weChartPay .leftCont footer p {
  float: right;
  line-height: 1.25rem;
  text-align: left;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .weChartPay .rightCont,
.task-main-container .payPage .weChartPay .rightCont {
  float: right;
  margin-top: 45px;
  width: 270px;
  height: 270px;
  background: url();
}
.task-main-container .pay-page-view .cyBerBankPay .leftCont,
.task-main-container .payPage .cyBerBankPay .leftCont {
  width: 420px;
  height: 420px;
  float: left;
}
.task-main-container .pay-page-view .cyBerBankPay .leftCont header,
.task-main-container .payPage .cyBerBankPay .leftCont header {
  text-align: left;
  height: 25px;
  line-height: 25px;
  margin-bottom: 20px;
  font-size: 1.125rem;
  color: #1ba4ff;
  font-weight: 700;
  font-weight: 400;
  width: 305px;
}
.task-main-container .pay-page-view .cyBerBankPay .leftCont h3,
.task-main-container .payPage .cyBerBankPay .leftCont h3 {
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .cyBerBankPay .leftCont > p,
.task-main-container .payPage .cyBerBankPay .leftCont > p {
  height: 121px;
  line-height: 30px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .cyBerBankPay .rightCont,
.task-main-container .payPage .cyBerBankPay .rightCont {
  width: 300px;
  height: 400px;
  float: right;
}
.task-main-container .pay-page-view .cyBerBankPay .rightCont h3,
.task-main-container .payPage .cyBerBankPay .rightCont h3 {
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  margin-top: 2.8125rem;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view .cyBerBankPay .rightCont > p,
.task-main-container .payPage .cyBerBankPay .rightCont > p {
  height: 121px;
  line-height: 30px;
  font-size: .75rem;
  color: #333;
}
.task-main-container .pay-page-view #buySuccess,
.task-main-container .payPage #buySuccess {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.task-main-container .pay-page-view #buySuccess .thankBox,
.task-main-container .payPage #buySuccess .thankBox {
  width: 420px;
  height: 420px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -210px;
  margin-top: -210px;
  background: url(https://res-front-cdn.timetask.cn/release/images/thankBox.912d003168.png);
}
.task-main-container .pay-page-view #buySuccess .thankBox p,
.task-main-container .payPage #buySuccess .thankBox p {
  font-size: 14px;
  display: block;
  width: 210px;
  text-align: center;
  position: absolute;
  top: 46%;
  left: 50%;
  margin-left: -107px;
}
.task-main-container .pay-page-view #buySuccess .thankBox p b,
.task-main-container .payPage #buySuccess .thankBox p b {
  color: #ed5151;
}
.task-main-container .pay-page-view #buySuccess .highLight,
.task-main-container .payPage #buySuccess .highLight {
  width: 382px;
  height: 387px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -191px;
  background: url(https://res-front-cdn.timetask.cn/release/images/heightLight.a771cdf650.png);
}
.task-main-container .recycleBin {
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .task-main-container .recycleBin {
    left: 8%;
    right: 8%;
  }
}
.task-main-container .recycleBin .header {
  width: 100%;
  height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .recycleBin .header h5 {
  overflow: hidden;
}
.task-main-container .recycleBin .header h5 span.btn.btn-fifth-outline {
  border-radius: 100px;
  margin-top: 12px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .recycleBin .header > li,
.task-main-container .recycleBin .header > tr > td {
  width: 25%;
  float: left;
  margin-top: 19px;
  text-align: center;
  position: relative;
  font-size: .75rem;
  color: #666;
}
.task-main-container .recycleBin .header > li span,
.task-main-container .recycleBin .header > tr > td span {
  vertical-align: top;
}
.task-main-container .recycleBin .header > li i,
.task-main-container .recycleBin .header > tr > td i {
  font-size: 24px;
  line-height: 20px;
  margin-left: 3px;
}
.task-main-container .recycleBin .header > li i,
.task-main-container .recycleBin .header > li span,
.task-main-container .recycleBin .header > tr > td i,
.task-main-container .recycleBin .header > tr > td span {
  cursor: pointer;
}
.task-main-container .recycleBin .header > li.member,
.task-main-container .recycleBin .header > li .wrap,
.task-main-container .recycleBin .header > tr > td.member,
.task-main-container .recycleBin .header > tr > td .wrap {
  display: inline-block;
}
.task-main-container .recycleBin .header > li.member > span,
.task-main-container .recycleBin .header > li .wrap > span,
.task-main-container .recycleBin .header > tr > td.member > span,
.task-main-container .recycleBin .header > tr > td .wrap > span {
  display: inline-block;
  font-size: 15px;
  margin-top: -2px;
}
.task-main-container .recycleBin .header > li.name .wrap,
.task-main-container .recycleBin .header > tr > td.name .wrap {
  width: 100%;
  min-width: 100px;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .recycleBin .header > li.name .wrap > span.caption,
.task-main-container .recycleBin .header > tr > td.name .wrap > span.caption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: calc(60%);
}
.task-main-container .recycleBin .header > li .dropdown-menu,
.task-main-container .recycleBin .header > tr > td .dropdown-menu {
  min-width: 100px;
  width: 100%;
}
.task-main-container .recycleBin .header > li .dropdown-menu .dropdown-item,
.task-main-container .recycleBin .header > tr > td .dropdown-menu .dropdown-item {
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.task-main-container .recycleBin .header > li .dropdown-menu .dropdown-item span,
.task-main-container .recycleBin .header > tr > td .dropdown-menu .dropdown-item span {
  float: left;
  width: calc(100% - 37px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .recycleBin .header > li .dropdown-menu .dropdown-item .icon-check,
.task-main-container .recycleBin .header > tr > td .dropdown-menu .dropdown-item .icon-check {
  float: right;
  visibility: hidden;
  color: #0689dd;
}
.task-main-container .recycleBin .header > li .dropdown-menu .dropdown-item.selected .icon-check,
.task-main-container .recycleBin .header > tr > td .dropdown-menu .dropdown-item.selected .icon-check {
  visibility: visible;
  font-size: 20px;
}
.task-main-container .recycleBin .header > li .moduleTypeList,
.task-main-container .recycleBin .header > tr > td .moduleTypeList {
  height: 200px;
  overflow-y: auto;
}
.task-main-container .recycleBin .header td.member:after,
.task-main-container .recycleBin .header td.type:after {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 1px;
  background: rgba(0, 0, 0, 0.09);
}
.task-main-container .recycleBin .header td.member > div > span {
  display: inline-block;
}
.task-main-container .recycleBin .header td.member:before {
  content: '';
  position: absolute;
  top: 2px;
  height: 16px;
  width: 1px;
  background: rgba(0, 0, 0, 0.09);
  right: 0;
}
@media screen and (max-width: 1220px) {
  .task-main-container .recycleBin .header td.date {
    width: 30%;
  }
  .task-main-container .recycleBin .header td.date ul {
    width: 180px !important;
  }
  .task-main-container .recycleBin .header td.date ul li {
    padding-right: 0;
  }
}
@media screen and (max-width: 1111px) {
  .task-main-container .recycleBin .header td.date ul li {
    padding-left: 4px;
  }
}
@media screen and (max-width: 1071px) {
  .task-main-container .recycleBin .header td.date .wrap.selectedADate {
    margin-top: -9px;
  }
}
.task-main-container .recycleBin .header.todo td {
  width: 33%;
}
.task-main-container .recycleBin .list {
  float: right;
  width: 70%;
  height: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  width: 100%;
  padding-right: 3px;
}
.task-main-container .recycleBin .list .btn.btn-fifth-outline {
  border-radius: 100px;
}
.task-main-container .recycleBin .list .header + div,
.task-main-container .recycleBin .list section {
  height: calc(44%);
}
.task-main-container .recycleBin .list .doc-check-component.doc-check-type-a {
  height: 100%;
  overflow-y: auto;
  width: 80%;
  padding-right: 10px;
  margin: 0 auto;
}
.task-main-container .recycleBin .list .doc-check-component.doc-check-type-a .doc-check-header {
  display: none;
}
.task-main-container .recycleBin .list .doc-check-component.doc-check-type-a .comment .left {
  background-color: inherit;
}
.task-main-container .recycleBin .list .doc-check-component.doc-check-type-a .comment .right {
  border: none;
}
.task-main-container .recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  left: 0;
  margin-left: 50%;
}
.task-main-container .recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail .descHeader span {
  text-align: left;
}
.task-main-container .recycleBin .list .taskDetail-warp-x .taskDetail-warp-y span.diyCheckbox.checked {
  display: inline;
}
.task-main-container .recycleBin .list .view-dialog {
  z-index: -1;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  top: 100px;
  left: 50%;
  margin-left: -50%;
  width: 100%;
}
.task-main-container .recycleBin .list .view-dialog .doc-check-component.doc-check-type-a .check-body {
  margin-left: 2px;
}
.task-main-container .recycleBin .list .view-dialog .taskDetail-warp-x.isDialog {
  padding-right: 2px;
  width: 543px;
}
.task-main-container .recycleBin .list .view-dialog .taskDetail-warp-x.isDialog .taskDetail-warp-y {
  padding-top: 1px;
  padding-right: 1px;
}
.task-main-container .recycleBin .list .view-dialog .taskDetail-warp-x.isDialog .taskDetail-warp-y .taskDetail {
  margin-left: 1px;
}
.task-main-container .recycleBin .list.show-dialog .view-dialog {
  z-index: 1;
  opacity: 1;
}
.task-main-container .recycleBin .list.show-dialog .body {
  z-index: -1;
  opacity: 0;
}
.task-main-container .recycleBin .list .body {
  padding: 0 29px;
  height: calc(38%);
  overflow-y: auto;
  position: relative;
  z-index: 10;
  opacity: 1;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .recycleBin .list .body.rui-loading .rui-loading-wrapper ~ p.noMoreResults {
  display: none;
}
.task-main-container .recycleBin .list .body li {
  height: 60px;
  overflow: hidden;
  padding-left: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.task-main-container .recycleBin .list .body li .diyCheckbox.checked .check {
  top: -4px;
}
.task-main-container .recycleBin .list .body li .diyCheckbox.checked .checkTail {
  top: -3px;
}
.task-main-container .recycleBin .list .body li > div:not(.info) {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
  font-size: .875rem;
  color: #333;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe {
  width: calc(-150%);
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe [class^=icon] {
  color: #75818d;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe span.name {
  font-size: .875rem;
  color: #333;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe span.file-img {
  width: 28px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe span.file-img.icon-folder:before {
  font-size: 28px;
  vertical-align: top;
  margin-top: -14px;
  display: inline-block;
  color: #75818d;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe .checkBox {
  margin-right: 0;
  background-color: #fff;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe .checkBox .icon-check_box_outline_blank {
  margin-right: 3px;
  font-size: 18px;
  vertical-align: sub;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe .checkBox .diyCheckbox.checked .check {
  top: -4px;
  left: 2px;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe .checkBox .checkTail {
  top: -1px;
  left: 9px;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe .kanban,
.task-main-container .recycleBin .list .body li > div:not(.info).describe .note {
  vertical-align: text-bottom;
  color: #75818d;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe.forFile {
  width: calc(-300%);
  margin-right: 70px;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe,
.task-main-container .recycleBin .list .body li > div:not(.info).size {
  float: left;
}
.task-main-container .recycleBin .list .body li > div:not(.info).describe i,
.task-main-container .recycleBin .list .body li > div:not(.info).size i {
  font-size: 18px;
  margin-right: 13px;
}
.task-main-container .recycleBin .list .body li > .info .deletor {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
  max-width: 97px;
  margin-right: 4px;
}
.task-main-container .recycleBin .list .body li span {
  font-size: .875rem;
  color: #333;
  line-height: 60px;
}
.task-main-container .recycleBin .list .body li .size {
  line-height: 60px;
}
.task-main-container .recycleBin .list .body li .info,
.task-main-container .recycleBin .list .body li .operate {
  float: right;
}
.task-main-container .recycleBin .list .body li .operate {
  display: none;
}
.task-main-container .recycleBin .list .body li .operate span {
  cursor: pointer;
  font-size: .75rem;
  color: #1ba4ff;
  font-size: 13px;
  color: #75818d;
}
.task-main-container .recycleBin .list .body li .operate span + span {
  margin-left: 30px;
}
.task-main-container .recycleBin .list .body li:hover .operate {
  display: block;
}
.task-main-container .recycleBin .list .body li:hover .info {
  display: none;
}
.task-main-container .recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header .check {
  margin-top: 14px;
}
.task-main-container .recycleBin .list .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header .check .icon-check:before {
  position: absolute;
  top: -4px;
}
.task-main-container .recycleBin .list .taskDetail-warp-x .header .show-more + ul li.delete-task {
  display: none;
}
.task-main-container .recycleBin .view-dialog .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header-container .close.icon-close {
  display: none !important;
}
.task-main-container .recycleBin .header {
  border-bottom: 1px solid #c9c9c9;
}
.task-main-container .recycleBin.show-nav .app-common-nav {
  height: 43px;
  line-height: 43px;
  visibility: visible;
}
.task-main-container .recycleBin.show-nav .app-common-nav li {
  display: block;
}
.task-main-container .recycleBin.show-nav .list .body {
  height: calc(-5%);
}
.task-main-container .recycleBin.show-nav .rui-loading-wrapper {
  margin-top: -170px;
}
.task-main-container .recycleBin .app-common-nav {
  visibility: hidden;
  height: 0;
  line-height: 0;
  overflow: hidden;
  padding-left: 8.3%;
  background-color: #f5f7f9;
  border-bottom: 1px solid #c9c9c9;
}
.task-main-container .recycleBin .app-common-nav,
.task-main-container .recycleBin .app-common-nav > li {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .recycleBin .app-common-nav > li {
  float: left;
  cursor: pointer;
  display: none;
}
.task-main-container .recycleBin .app-common-nav > li + li:before {
  content: '\E315';
  font-family: icomoon!important;
  font-size: 20px;
  vertical-align: middle;
  margin-top: -4px;
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
}
.task-main-container .recycleBin .app-common-nav > li:not(:nth-last-child(1)):hover {
  font-size: .75rem;
  color: #1ba4ff;
}
.task-main-container .recycleBin .app-common-nav > li:nth-last-child(1) {
  cursor: not-allowed;
}
.task-main-container body.ie .recycleBin .list .body li .diyCheckbox.checked .checkTail {
  top: -1px;
}
.task-main-container body.ie .recycleBin .list .body li .diyCheckbox.checked .check {
  top: -2px;
}
.task-main-container .dakaInfo {
  width: 290px;
  height: 380px;
}
.task-main-container .dakaInfo div.bg {
  width: 97px;
  height: 100px;
  margin: 15px auto 45px;
  background-size: contain;
  background-image: url(https://res-front-cdn.timetask.cn/release/images/5.6e6dcbe401.jpg);
}
.task-main-container .dakaInfo ul {
  width: 100%;
}
.task-main-container .dakaInfo ul li {
  line-height: 32px;
  float: none;
  margin-left: 50px;
  margin-top: 0;
  cursor: default;
  overflow: hidden;
}
.task-main-container .dakaInfo ul li span {
  text-align: left;
  display: inline-block;
  font-size: 12px;
}
.task-main-container .dakaInfo ul li .star {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  float: left;
  margin-top: 6px;
}
.task-main-container .dakaInfo ul li .star.starYellow {
  background-image: url();
  background-size: contain;
}
.task-main-container .dakaInfo ul li .star.starPurple {
  background-image: url();
  background-size: contain;
}
.task-main-container .dakaInfo ul li span.caption {
  float: left;
  width: 75px;
  margin: 0 24px 0 12px;
}
.task-main-container .dakaInfo ul li i {
  font-style: normal;
}
.task-main-container .dakaInfo ul li i.days,
.task-main-container .dakaInfo ul li i.growth,
.task-main-container .dakaInfo ul li i.persons,
.task-main-container .dakaInfo ul li i.totalGrowth {
  font-size: 18px;
  color: #498fe1;
  margin-right: 12px;
}
.task-main-container .dakaInfo ul li i.exchange {
  width: 40px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  background-color: #498fe1;
  border-radius: 2px;
}
.task-main-container .dakaInfo a.btn,
.task-main-container .dakaInfo ul li i.exchange {
  color: #fff;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.task-main-container .dakaInfo a.btn {
  width: 100%;
  line-height: 24px;
  border-radius: 0 0 2px 2px;
  margin-top: 38px;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.task-main-container .dakaFinish {
  width: 335px;
  height: 498px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff;
}
.task-main-container .dakaFinish .showBox .bg {
  position: relative;
  width: 100%;
  height: 208px;
  background-size: contain;
  background-image: url(https://res-front-cdn.timetask.cn/release/images/4.23b3d7be88.jpg);
}
.task-main-container .dakaFinish .showBox .bg .close {
  width: 28px;
  height: 28px;
  top: 5px;
  right: 5px;
  cursor: pointer;
  position: absolute;
  text-align: center;
  line-height: 28px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.task-main-container .dakaFinish .showBox .bg .close .icon-close {
  color: #fff;
}
.task-main-container .dakaFinish .showBox h5 {
  text-align: center;
}
.task-main-container .dakaFinish ul {
  width: 100%;
}
.task-main-container .dakaFinish ul li {
  line-height: 32px;
  float: none;
  margin-left: 50px;
  margin-top: 0;
  cursor: default;
  overflow: hidden;
}
.task-main-container .dakaFinish ul li span {
  text-align: left;
  display: inline-block;
  font-size: 12px;
}
.task-main-container .dakaFinish ul li .star {
  width: 16px;
  height: 16px;
  margin-right: 12px;
  float: left;
  margin-top: 6px;
}
.task-main-container .dakaFinish ul li .star.starYellow {
  background-image: url();
  background-size: contain;
}
.task-main-container .dakaFinish ul li .star.starPurple {
  background-image: url();
  background-size: contain;
}
.task-main-container .dakaFinish ul li span.caption {
  float: left;
  width: 75px;
  margin: 0 24px 0 12px;
}
.task-main-container .dakaFinish ul li i {
  font-style: normal;
}
.task-main-container .dakaFinish ul li i.days,
.task-main-container .dakaFinish ul li i.growth,
.task-main-container .dakaFinish ul li i.persons,
.task-main-container .dakaFinish ul li i.totalGrowth {
  font-size: 18px;
  color: #498fe1;
  margin-right: 12px;
}
.task-main-container .dakaFinish ul li i.exchange {
  color: #fff;
  width: 40px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  text-align: center;
  background-color: #498fe1;
  display: inline-block;
  border-radius: 2px;
  cursor: pointer;
}
.task-main-container .dakaFinish ul li {
  margin-left: 80px;
}
.task-main-container .dakaFinish ul li .star {
  vertical-align: middle;
}
.task-main-container .dakaFinish ul li span {
  vertical-align: top;
}
.task-main-container .dakaFinish .footer {
  text-align: center;
  margin-top: 38px;
}
.task-main-container .dakaFinish .footer span {
  display: inline-block;
  line-height: 45px;
  height: 46px;
  padding: 0 35px;
  border-radius: 23px;
}
.task-main-container #navigator .nav-right .menu-list li.dakaBtn {
  vertical-align: top;
  padding: 12px 6px;
  position: relative;
  margin-right: 3px;
}
.task-main-container #navigator .nav-right .menu-list li.dakaBtn .daka {
  color: #cecece;
  float: left;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  margin-top: 4px;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.task-main-container #navigator .nav-right .menu-list li.dakaBtn .daka.hasDaka {
  color: #75818d;
}
.task-main-container body.firefox #navigator .nav-right .menu-list li.dakaBtn {
  margin-top: 2px;
}
.task-main-container .userGuideMask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.54);
}
.task-main-container .userGuideMask .mainUl {
  position: absolute;
  width: 960px;
  height: 550px;
  left: 50%;
  top: 50%;
  margin-left: -480px;
  margin-top: -275px;
  border: none;
  z-index: 3;
}
.task-main-container .userGuideMask .mainUl li {
  -webkit-animation-duration: .4s;
  animation-duration: .4s;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 10px solid #eee;
  border-radius: 1rem;
  background-size: cover;
}
.task-main-container .userGuideMask .mainUl li.active {
  display: block;
}
.task-main-container .userGuideMask .mainUl li.view1 {
  background-image: url("https://res-front-cdn.timetask.cn/common/img/userGuide/%E5%BC%95%E5%AF%BC1.png");
}
.task-main-container .userGuideMask .mainUl li.view1 h3 {
  width: 264px;
  margin-left: -132px;
}
.task-main-container .userGuideMask .mainUl li.view2 {
  background-image: url("https://res-front-cdn.timetask.cn/common/img/userGuide/%E5%BC%95%E5%AF%BC2.png");
}
.task-main-container .userGuideMask .mainUl li.view2 h3 {
  width: 280px;
  margin-left: -140px;
}
.task-main-container .userGuideMask .mainUl li.view3 {
  background-image: url("https://res-front-cdn.timetask.cn/common/img/userGuide/%E5%BC%95%E5%AF%BC3.png");
}
.task-main-container .userGuideMask .mainUl li.view3 h3 {
  width: 500px;
  margin-left: -250px;
}
.task-main-container .userGuideMask .mainUl li.view3 .btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -41px;
}
.task-main-container .userGuideMask .mainUl li .icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
.task-main-container .userGuideMask .mainUl li h2 {
  font-size: 1.25rem;
  color: #333;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 700;
  position: absolute;
  top: 393px;
  left: 0;
  right: 0;
  margin: 0;
}
.task-main-container .userGuideMask .mainUl li h3 {
  position: absolute;
  top: 438px;
  left: 50%;
  margin-bottom: 0;
  line-height: 1.5rem;
  font-size: 1rem;
  color: #666;
  letter-spacing: 2px;
  text-align: center;
}
.task-main-container .userGuideMask .nextArr,
.task-main-container .userGuideMask .prevArr {
  width: 56px;
  height: 56px;
  background: #fff;
  position: absolute;
  top: 50%;
  margin-top: -28px;
  z-index: 4;
  border-radius: 50%;
  text-align: center;
  line-height: 56px;
}
.task-main-container .userGuideMask .nextArr i,
.task-main-container .userGuideMask .prevArr i {
  position: relative;
  top: 6px;
  cursor: pointer;
  font-size: 40px;
  color: #0091f1;
}
.task-main-container .userGuideMask .nextArr.prevArr,
.task-main-container .userGuideMask .prevArr.prevArr {
  left: calc(-215vw);
  margin-left: -28px;
}
.task-main-container .userGuideMask .nextArr.nextArr,
.task-main-container .userGuideMask .prevArr.nextArr {
  right: calc(-215vw);
  margin-right: -28px;
}
.task-main-container .userGuideMask footer {
  position: absolute;
  margin-bottom: -15px;
  bottom: calc(-107.5vh);
  left: 50%;
  margin-left: -50px;
  width: 100px;
  height: 20px;
  z-index: 2;
}
.task-main-container .userGuideMask footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.task-main-container .userGuideMask footer ul li {
  float: left;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  overflow: hidden;
}
.task-main-container .userGuideMask footer ul li span {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  display: none;
  width: 8px;
  height: 8px;
  margin-top: 1px;
  margin-left: 1px;
  border-radius: 50%;
  background: #0091f1;
}
.task-main-container .userGuideMask footer ul li span.active {
  display: block;
}
.task-main-container .userGuideMask footer ul li + li {
  margin-left: 28px;
}
.task-main-container .loginInviteMask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 99999998;
  background: #30add8;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  opacity: 0.7;
}
.task-main-container .popup {
  color: #262626;
  letter-spacing: .06px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 99999999;
  width: 370px;
  min-height: 543px;
  height: 543px;
  background: url("https://res-front-cdn.timetask.cn/common/img/userInvite/inviteBg.png");
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.27);
  border: none;
}
.task-main-container .popup .cross {
  font-family: cursive;
  font-size: 16px;
  position: absolute;
  right: 14px;
  top: 10px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}
.task-main-container .popup .cross:hover {
  color: #ddd;
}
.task-main-container .popup .popupContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9;
}
.task-main-container .popup .popupContainer.showing {
  display: block;
}
.task-main-container .popup .popupContainer#choseOne .middleText {
  display: block;
  text-align: center;
  position: absolute;
  top: 287px;
  width: 200px;
  left: 50%;
  margin-left: -100px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #262626;
}
.task-main-container .popup .popupContainer#choseOne .middleText .bigBlue {
  color: #007aff;
}
.task-main-container .popup .popupContainer#choseOne .whiteBtn {
  position: absolute;
  bottom: 109px;
  left: 62px;
}
.task-main-container .popup .popupContainer#choseOne .blueBtn {
  position: absolute;
  bottom: 63px;
  left: 62px;
}
.task-main-container .popup .btnS,
.task-main-container .popup input[type=button] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.task-main-container .popup .btnS {
  display: block;
  width: 135px;
  height: 38px;
  line-height: 38px;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  outline: none;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all 0.3s;
}
.task-main-container .popup .btnS.btnLong {
  width: 249px;
}
.task-main-container .popup .btnS.blueBtn {
  background: #007eff;
  border: 1px solid #007eff;
  margin: 0 auto;
}
.task-main-container .popup .btnS.blueBtn:hover {
  background: #158dff;
}
.task-main-container .popup .btnS.blueBtn:active {
  background: #158dff;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.task-main-container .popup .btnS.whiteBtn {
  background: #fff;
  color: #158dff;
  border: 1px solid #158dff;
  margin: 0 auto;
}
.task-main-container .popup .btnS.whiteBtn:active,
.task-main-container .popup .btnS.whiteBtn:hover {
  background: #158dff;
  color: #fff;
}
.task-main-container .popup .btnS.whiteBtn:active {
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.task-main-container .popup .btnS.redBtn {
  background: #ff7171;
  border: 1px solid #ff8a7e;
  margin: 0 auto;
}
.task-main-container .popup .btnS.redBtn:hover {
  background: #ff8a7e;
}
.task-main-container .popup .btnS.redBtn:active {
  background: #ff8a7e;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.task-main-container .archieve.header-app {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  left: 13.4%;
  right: 13.4%;
  height: 100%;
  background: #f4f8fb;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .task-main-container .archieve.header-app {
    left: 8%;
    right: 8%;
  }
}
.task-main-container .archieve.header-app .header-app-left {
  width: 30%;
  height: 100%;
  float: left;
  background: #fcfcfc;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  position: relative;
}
.task-main-container .archieve.header-app .header-app-left ul {
  position: absolute;
  top: 56px;
  left: 0;
  right: 0;
  bottom: 0;
}
.task-main-container .archieve.header-app .header-app-left header {
  font-size: 14px;
  color: #0468a3;
  height: 56px;
  line-height: 56px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  text-align: center;
  position: relative;
}
.task-main-container .archieve.header-app .header-app-left header .create-archieve {
  cursor: pointer;
  display: inline-block;
}
.task-main-container .archieve.header-app .header-app-left header .create-archieve .icon-add_circle {
  font-size: 24px;
  color: #bbd1dc;
  border-radius: 50%;
  vertical-align: -20%;
  margin-right: 10px;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list {
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 50px;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .edit-box {
  border: 0;
  width: calc(60%);
  height: 56px;
  line-height: 56px;
  padding-left: 40px;
  background: transparent;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item {
  height: 56px;
  line-height: 56px;
  padding-left: 40px;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing {
  position: relative;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing.selected .edit-box {
  color: #fff;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing .edit-box {
  padding: 0;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing .archieve-name,
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.editing .operate-box {
  display: none !important;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item:hover {
  background: #f2f2f2;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item:hover .operate-box {
  display: inline-block;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.selected {
  background: #0096f6;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.selected .archieve-name,
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item.selected .operate-box .show-more {
  color: #fff;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item .archieve-name {
  font-size: .75rem;
  color: #617a8b;
  width: calc(46%);
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box {
  display: none;
  margin: 0 15px;
  text-align: center;
  float: right;
  position: relative;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box:hover .dropdown-menu {
  display: block;
  position: absolute;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box .show-more {
  font-size: 24px;
  color: #0689dd;
  vertical-align: middle;
}
.task-main-container .archieve.header-app .header-app-left ul.archieve-list .archieve-item .operate-box .dropdown-menu {
  margin-top: -20px;
  left: -90px;
}
.task-main-container .archieve.header-app .header-app-right {
  overflow: hidden;
  background-color: #f1f2f6;
  background: none;
  height: 100%;
}
.task-main-container .archieve.header-app .header-app-right h5 {
  overflow: hidden;
  padding: 14px 0 13px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 0;
}
.task-main-container .archieve.header-app .header-app-right h5 a,
.task-main-container .archieve.header-app .header-app-right h5 label {
  float: right;
  margin-right: 21px;
  margin-bottom: 0;
  text-align: center;
  opacity: .87;
  cursor: pointer;
}
.task-main-container .archieve.header-app .header-app-right h5 a input[type=file],
.task-main-container .archieve.header-app .header-app-right h5 label input[type=file] {
  width: 0;
  height: 0;
  display: none;
}
.task-main-container ul.header-app-right-header {
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-left: none;
  height: 56px;
  font-size: 0;
}
.task-main-container ul.header-app-right-header .backup {
  display: none;
}
.task-main-container ul.header-app-right-header.notTop .backup {
  display: block;
  width: 120px;
  border: none;
}
.task-main-container ul.header-app-right-header.notTop .date,
.task-main-container ul.header-app-right-header.notTop .member,
.task-main-container ul.header-app-right-header.notTop .type {
  display: none;
}
.task-main-container ul.header-app-right-header > li {
  display: inline-block;
  width: 33%;
  margin: 16px 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  font-size: 12px;
}
.task-main-container ul.header-app-right-header > li + li {
  border-left: 1px solid #d3d3d3;
}
.task-main-container ul.header-app-right-header > li .icon-keyboard_arrow_down {
  font-size: 20px;
  margin-left: 6px;
  vertical-align: sub;
}
.task-main-container ul.header-app-right-header > li.type .dropdown-menu {
  margin-left: 14%;
}
@media screen and (max-width: 1024px) {
  .task-main-container ul.header-app-right-header > li.type .dropdown-menu {
    margin-left: 5%;
  }
}
.task-main-container ul.header-app-right-header > li.type .dropdown-menu .dropdown-item .icon-check {
  display: none;
  color: #0689dd;
  float: right;
  font-size: 20px;
}
.task-main-container ul.header-app-right-header > li.type .dropdown-menu .dropdown-item.selected .icon-check {
  display: block;
}
.task-main-container .view-dialog {
  position: absolute;
  top: 66px;
  left: calc(80%);
  right: 50px;
  padding-right: 10px;
  bottom: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 10000;
  background: inherit;
}
@media screen and (max-width: 1024px) {
  .task-main-container .view-dialog {
    width: 564px;
    left: calc(55%);
  }
}
.task-main-container .view-dialog .doc-check-header {
  display: none;
}
.task-main-container .view-dialog .taskDetail-warp-x .taskDetail-warp-y .taskDetail {
  left: 48%;
}
.task-main-container .view-dialog .taskDetail-warp-x .taskDetail-warp-y .taskDetail .header-container .close.icon-close {
  display: none;
}
.task-main-container .view-dialog + .header-app-right-list {
  z-index: -1000;
  opacity: 0;
}
.task-main-container .header-app-right-list {
  height: calc(44%);
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}
.task-main-container .header-app-right-list > ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.task-main-container .header-app-right-list.first-level .first-list,
.task-main-container .header-app-right-list.second-level .second-list,
.task-main-container .header-app-right-list.third-level .third-list {
  z-index: 10;
}
.task-main-container .header-app-right-item {
  margin: 0 35px;
  height: 59px;
  line-height: 59px;
}
@media screen and (max-width: 1366px) {
  .task-main-container .header-app-right-item {
    margin-left: 15px;
  }
}
.task-main-container .header-app-right-item + li {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.task-main-container .header-app-right-item > div {
  display: inline-block;
}
.task-main-container .header-app-right-item .left-icon {
  width: 30px;
  height: 100%;
  margin-right: 35px;
  vertical-align: top;
  background: #f4f8fb;
  text-align: center;
}
@media screen and (max-width: 1366px) {
  .task-main-container .header-app-right-item .left-icon {
    margin-right: 15px;
  }
}
.task-main-container .header-app-right-item .left-icon > i[class*=' icon-'],
.task-main-container .header-app-right-item .left-icon > i[class^=icon-] {
  color: #0689dd;
  font-size: 20px;
  vertical-align: sub;
}
.task-main-container .header-app-right-item .left-icon .file-img {
  width: 27px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
}
.task-main-container .header-app-right-item .left-icon .file-img img {
  width: 100%;
  height: 100%;
  vertical-align: 24px;
}
.task-main-container .header-app-right-item .left-icon .file-img img[src=''] {
  display: none;
}
.task-main-container .header-app-right-item .left-icon .diyCheckbox {
  vertical-align: sub;
  cursor: default;
}
.task-main-container .header-app-right-item .item-name {
  width: calc(-1%);
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.task-main-container .header-app-right-item:hover .right-operate .item-info {
  display: none;
}
.task-main-container .header-app-right-item:hover .right-operate .operate {
  display: inline-block;
}
.task-main-container .header-app-right-item .right-operate {
  width: 33%;
  vertical-align: top;
  text-align: right;
}
.task-main-container .header-app-right-item .right-operate .item-info {
  font-size: .75rem;
  color: #a3a3a3;
}
.task-main-container .header-app-right-item .right-operate .item-info .author {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(-34%);
  display: inline-block;
  vertical-align: top;
}
.task-main-container .header-app-right-item .right-operate .operate {
  display: none;
}
.task-main-container .header-app-right-item .right-operate .operate span {
  cursor: pointer;
}
.task-main-container .header-app-right-item .right-operate .operate span + span {
  margin-left: 30px;
}
.task-main-container .tomato-clock-modal {
  background: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  position: absolute;
  width: 400px;
  height: 540px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.task-main-container .tomato-clock-modal header {
  height: 50px;
  padding: 0 21px;
  line-height: 50px;
  overflow: hidden;
}
.task-main-container .tomato-clock-modal header h5 {
  text-align: center;
  line-height: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 30px;
  font-size: 16px;
}
.task-main-container .tomato-clock-modal header i.icon-close {
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  font-size: 23px;
  position: absolute;
  right: 21px;
  top: 13px;
  color: #a3a3a3;
  cursor: pointer;
}
.task-main-container .tomato-clock-modal header i.icon-close:hover {
  color: rgba(0, 0, 0, 0.54);
}
.task-main-container .tomato-clock-modal main {
  text-align: center;
}
.task-main-container .tomato-clock-modal main .clock-main {
  margin-top: 55px;
}
.task-main-container .tomato-clock-modal main p {
  margin: 39px auto 87px;
}
.task-main-container .tomato-clock-modal main .btn-outline {
  width: 120px;
  height: 36px;
  font-size: 14px;
  color: #ff7171;
  border-color: currentColor;
  border-radius: 53px;
  padding: 0;
  line-height: 36px;
}
.task-main-container .tomato-clock-modal footer {
  font-size: 14px;
  color: #666;
}
.task-main-container .tomato-clock-modal footer i.icon-Group-17 {
  color: #ff7b71;
  font-size: 23px;
  vertical-align: sub;
  margin-left: 23px;
}
.task-main-container .header {
  width: 100%;
  height: 54px;
}
.task-main-container .user-profile .dropdown-toggle,
.task-main-container .vip {
  cursor: pointer;
}
.task-main-container .vip {
  float: right;
  margin-right: 35px;
  width: 21px;
  margin-top: 18px;
}
.task-main-container .nav-right .btn.hidden {
  display: none !important;
}
.task-main-container .userSettings > li.version:hover {
  background: transparent;
}
.task-main-container body.inside-modal-open #navigator .nav-item.active {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.task-main-container body.inside-modal-open #navigator .nav-item.active a {
  color: #617a8b !important;
}
.task-main-container .vip-func-1 {
  color: #0f8ee5;
  float: right;
  margin-right: 15px;
  cursor: pointer;
}
